/*
Theme Name: SBB
Theme URI: http://www.sbb.pt/
Author: comOn
Author URI: http://www.comon.pt/
Description: Secrets Behind Beauty
Version: 1.0
License: 
License URI: 
Tags: sbb
Text Domain: sbb
*/


/* 
 * GOOGLE FONT
 * ________________________________________________________________________________________________
 */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');


/* 
 * Normalize minified
 * @link https://github.com/necolas/normalize.css/
 * @npm install normalize.css
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 */

img,legend{border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,figure{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none}button{overflow:visible}button,input,select,textarea{max-width:100%}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;opacity:.5}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:.4375em;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #d1d1d1;margin:0 0 1.75em;padding:.875em}fieldset>:last-child{margin-bottom:0}legend{padding:0}textarea{overflow:auto;vertical-align:top}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}



/* 
 * THEME STYLES
 * ________________________________________________________________________________________________
 */


@font-face {
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/neuzeit-grotesk/3309B1_0_0.woff2') format('woff2'),
         url('fonts/neuzeit-grotesk/3309B1_0_0.woff') format('woff');
}

@font-face {
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/neuzeit-grotesk/3309B1_1_0.woff2') format('woff2'),
         url('fonts/neuzeit-grotesk/3309B1_1_0.woff') format('woff');
}

@font-face {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/neuzeit-grotesk/3309B1_2_0.woff2') format('woff2'),
         url('fonts/neuzeit-grotesk/3309B1_2_0.woff') format('woff');
}


body {
	color: #000;
	background: #fff;
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 16px;
	line-height: 21px;
	font-style: normal;
	font-weight: normal;
	overflow: hidden;
}

body.popup {
	overflow: hidden !important;
}

body > .wrapper {
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

body.loaded {
	overflow-y: auto;
}

.cookies-notice {
	position: fixed;
    top: -60px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 9999;
    text-align: center;
    line-height: 50px;
	background: #f3f1f1;
	border-bottom: 1px solid #e0e0e0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

body.cookies .cookies-notice {
	top: 0;
}

.cookies-txt {
	display: inline-block;
	margin-right: 10px;
}

.cookies-txt p {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 1px;
}

.cookies-btns {
	display: inline-block;
}

.cookies-btns a {
	font-family: 'Neuzeit Grotesk Regular';
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 25px;
    padding-right: 10px;
    margin-left: 5px;
    margin-top: -2px;
}

.cookies-btns a:after {
	font-size: 25px;
}

body.cookies .main-header {
	top: 50px;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
input,
textarea,
button {
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
	font-style: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
a {
	color: #000;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	font-family: 'Neuzeit Grotesk Bold' !important;
    letter-spacing: 1px !important;
}

h1.h6,
h1.h5,
h1.h4,
h1.h3,

h2.h6,
h2.h5,
h2.h4,
h2.h3 {
	letter-spacing: 0 !important;
}

h1,
.h1 {
	font-size: 48px;
	line-height: 53px;
}

h2,
.h2 {
	font-size: 40px;
	line-height: 45px;
}

h3,
.h3 {
	font-size: 32px;
	line-height: 37px;
}

h4,
.h4 {
	font-size: 28px;
	line-height: 33px;
	letter-spacing: 1px;
}

h5,
.h5 {
	font-size: 21px;
	line-height: 26px;
}

h6,
.h6 {
	font-size: 18px;
	line-height: 23px;
}

p,
a {
	font-size: 16px;
	line-height: 25px;
}

b,
optgroup,
strong {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}



input,
select,
textarea,
button {
	font-size: 28px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="submit"],
button,
.btn {
	overflow: hidden;
	position: relative;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none !important;
}

button:after,
.btn:after {
	content: "\e906";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    position: absolute;
    top: 0;
    right: -50px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.slick-arrow:after,
.popup-nav-prev:after,
.popup-nav-next:after,
.cal-nav-prev:after,
.cal-nav-next:after,
.filter-btn:after,
.quiz-dots li button:after,
.icn-btn:after,
.download-kit-btn:after {
	content: none;
	display: none;
}

button.sm,
.btn.sm {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
}

.brd-btn {
	display: inline-block;
	float: left;
}

.header.brd-btn {
	float: none;
}

.shares .header.brd-btn {
	display: block;
}

.brd-btn.clear {
	clear: both;
}

.brd-btn .icn {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #000;
	float: left;
	margin-left: -1px;
	margin-bottom: -1px;
}

.header.brd-btn .icn{
	border: 1px solid #a1a1a1;
}

.shares .header.brd-btn:not(.tw) .icn{
	border-bottom: none;
}

.header.brd-btn:hover .icn{
	border: 1px solid #000;
}

.brd-btn .label {
	color: #000;
	float: left;
	margin-left: 10px;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 14px;
	line-height: 50px;
	font-weight: normal;
}

.brd-btn.fav.add .label.add {
	display: inline-block;
}

.brd-btn.fav.add .label.remove {
	display: none;
}

.brd-btn.fav.remove .label.remove {
	display: inline-block;
}

.brd-btn.fav.remove .label.add {
	display: none;
}


.brd-btn .icn:before {
	font-size: 40px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.brd-btn.fav .icn:before {
	font-size: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

.brd-btn.fav.remove .icn:before {
	content: "\e92c";
}

.brd-btn.fb .icn:before {
	content: "\e91e";
}

.brd-btn.pt .icn:before {
	content: "\e923";
}

.brd-btn.tw .icn:before {
	content: "\e924";
}

.brd-btn.wa .icn:before {
	content: "\e958";
}
.brd-btn.fav .icn:before {
	content: "\e92a";
}


.btn.brd {
	line-height: 48px;
	border: 1px solid #000;
	padding: 0 25px 0 0;
	background: none;
	text-transform: none;
	letter-spacing: 0;
}

.btn.brd .icn {
	width: 48px;
	height: 48px;
	margin-left: -1px;
    margin-top: -1px;
}


/*
 * Inputs
 */

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input {
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-weight: normal;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	background: none;
	border-bottom: 1px solid #848484;
	color: #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none !important;
}

input[type="submit"],
button,
.btn {
	outline: none;
	border: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none !important;

	display: inline-block;

	color: #000;
	background: #ecd773;

	padding: 0;
	padding-right: 15px;
	padding-left: 50px;
	text-align: right;
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

input[type="submit"].sm,
button.sm,
.btn.sm {
	padding-right: 10px;
	padding-left: 30px;
}

input[type="submit"].pr,
button.pr,
.btn.pr {
	padding-left: 25px;
	padding-right: 50px;
}

input[type="submit"].pr.sm,
button.pr.sm,
.btn.pr.sm {
	padding-left: 10px;
	padding-right: 30px;
}

.mc-submit {
	width: auto;
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
}

.icn-btn {
	position: relative;
	padding: 0 !important;
	width: 50px;
}

.btn.dg,
.icn-btn {
	background: #000;
	color: #fff;
}

.input-wrapper {
	position: relative;
}

input.dk,
.input-wrapper.dk input {
	color: #fff;
	border-color: #646464;
}

.input-wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
}

.input-wrapper.focus:after {
	z-index: 3;
}

.input-wrapper:before {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
}

.input-wrapper.focus:before {
	z-index: 3;
}

.input-wrapper input {
	position: relative;
	z-index: 2;
}

.input-placeholder {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.input-wrapper.focus .input-placeholder {
	color: #cbcbcb !important;
}

.input-wrapper.dk.focus .input-placeholder {
	color: #646464 !important;
}

.input-wrapper.error .input-placeholder {
	color: red !important;
}

.input-wrapper.focus .input-placeholder,
.input-wrapper.filled .input-placeholder,
.input-wrapper.error.focus .input-placeholder {
	bottom: 50px;
	font-size: 12px !important;
	line-height: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.salon-form .input-wrapper.focus .input-placeholder,
.salon-form .input-wrapper.filled .input-placeholder,
.salon-form .input-wrapper.error.focus .input-placeholder {
	bottom: 55px;
}



/*
 * input line
 */

.input-wrapper:after {
	background: #ecd773;
	-webkit-animation: animInputLineFocusOut .5s 1 forwards;
	-moz-animation:    animInputLineFocusOut .5s 1 forwards;
	-o-animation:      animInputLineFocusOut .5s 1 forwards;
	animation:         animInputLineFocusOut .5s 1 forwards;
}

@keyframes animInputLineFocusOut {
	0% { width: 100%; }
	100% { width: 0; }
}


/*.input-wrapper.dk:after {
	background: #fff;
}*/


/*
 * focus input line
 */

.input-wrapper.focus:after {
	background: #ecd773;
	-webkit-animation: animInputLineFocusIn .5s 1 forwards;
	-moz-animation:    animInputLineFocusIn .5s 1 forwards;
	-o-animation:      animInputLineFocusIn .5s 1 forwards;
	animation:         animInputLineFocusIn .5s 1 forwards;
}

/*.input-wrapper.dk.focus:after {
	background: #fff;
}*/

@keyframes animInputLineFocusIn {
	0% { width: 0; }
	100% { width: 100%; }
}


/*
 * error input line
 */

.input-wrapper.error:before {
	background: red;
	-webkit-animation: animInputLineFocusInError .5s 1 forwards;
	-moz-animation:    animInputLineFocusInError .5s 1 forwards;
	-o-animation:      animInputLineFocusInError .5s 1 forwards;
	animation:         animInputLineFocusInError .5s 1 forwards;
}


@keyframes animInputLineFocusInError {
	0% { width: 0; }
	100% { width: 100%; }
}



/*
 * light input placeholders
 */

::-webkit-input-placeholder {
	color: #cbcbcb;
	font-family: 'Neuzeit Grotesk Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 50px;
}

:-moz-placeholder {
	color: #cbcbcb;
	font-family: 'Neuzeit Grotesk Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 50px;
}

::-moz-placeholder {
	color: #cbcbcb;
	font-family: 'Neuzeit Grotesk Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 50px;
}

:-ms-input-placeholder {  
	color: #cbcbcb;
	font-family: 'Neuzeit Grotesk Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 50px;
}

.input-placeholder {
	color: #cbcbcb;
	font-family: 'Neuzeit Grotesk Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 50px;
}


/*
 * dark inputs placeholders
 */

input.dk::-webkit-input-placeholder {
	color: #646464;
}

input.dk:-moz-placeholder {
	color: #646464;
}

input.dk::-moz-placeholder {
	color: #646464;
}

input.dk:-ms-input-placeholder {  
	color: #646464;
}

.input-wrapper.dk .input-placeholder {
	color: #646464;
}



/*
 * selections
 */

::-moz-selection {
	color: #000;
	background: #ecd773;
}

::selection {
	color: #000;
	background: #ecd773;
}



/*
 * more btn
 */

.more-btn-thumb {
	position: relative;
	display: inline-block;
	width: 250px;
	height: 250px;
	border: 25px solid #fff;
	color: #000;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-align: center;
}

.more-btn-thumb.disabled {
	display: none !important;
}

.more-btn-thumb .more-icn {
	display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.more-btn-thumb .more-icn:before {
	font-size: 50px;
}

.more-btn-thumb .more-label {
	display: block;
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.i-group {

}

.i-group label {
	display: block;
    margin-bottom: 15px;
}

.filters-list .i-group label {
	margin-bottom: 0;
}

.i-group.error .i-check label,
.i-check.error label {
	color: red;
}

.i-group.error .i-check span,
.i-check.error span {
	border-color: red;
}

.i-check,
.i-radio {
	display: inline-block;
	height: 25px;
	margin: 15px 0;
	outline: none !important;
	cursor: pointer;
}

.i-check span,
.i-radio span {
	display: inline-block;
	width: 23px;
	height: 23px;
	border: 1px solid #a7a7a7;
	float: left;
	margin-right: 10px;
}

.i-check label,
.i-radio label {
	display: inline-block;
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
	font-style: normal;
	line-height: 25px;
	cursor: pointer;
}

.i-check.checked label,
.i-radio.checked label {
	font-family: 'Neuzeit Grotesk Bold';
}

.filtros-marcas .i-check.loreal-professionnel label,
.filtros-marcas .i-radio.loreal-professionnel label,
.filtros-marcas .i-check.loreal-professionnel-en label,
.filtros-marcas .i-radio.loreal-professionnel-en label {
	max-width: 100px;
	line-height: 21px;
}


/*
 * Checkboxes
 */

.i-check {
	
}

.i-check span {
	position: relative;
}


/*
 * Radio Buttons
 */

.i-radio {
	
}

.i-radio span {
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}



.i-check.disabled,
.i-radio.disabled {
	opacity: .35;
}




/*
 * ICOMOON
 */

.more-btn-icn:before,
.i-check.checked span:before,
.i-radio.checked span:before,
.quiz-container .i-group a.green span:before,
.quiz-container .i-group a.red span:before,
.geo-btn:before,
.more-icn:before,
.slick-arrow:before,
.more-btn-thumb .more-icn:before,
.brd-btn .icn:before,
.download-btn:before,
.slider-nav-prev:before,
.slider-nav-next:before,
.filter-btn .arrow-left:before,
.filter-btn .arrow-right:before,
.popup-nav-prev:before,
.popup-nav-next:before,
.cal-nav-prev:before,
.cal-nav-next:before,
.pub-cat:after,
.cat-icn:after {
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.more-btn-icn:before {
	content: "\e916";
	font-size: 50px;
}

.i-check.checked span:before {
	content: "\e933";
	font-size: 50px;
    position: absolute;
    left: -14px;
    top: -15px;
}

.quiz-container .i-group a.red span:before {
	content: "\e919";
	font-size: 50px;
    position: absolute;
    left: -14px;
    top: -15px;
}

.quiz-container .i-group a.green span:before {
	content: "\e933";
	font-size: 50px;
    position: absolute;
    left: -14px;
    top: -15px;
}

.i-radio.checked span:before {
	content: "\e934";
	font-size: 50px;
    position: absolute;
    left: -14px;
    top: -15px;
}

.geo-btn:before {
	content: "\e952";
	font-size: 50px;
}

.more-icn:before {
	content: "\e918";
	font-size: 50px;
}

.more-btn-thumb .more-icn:before {
	content: "\e918";
	font-size: 50px;
}

.slick-prev-btn:before,
.slick-prev:before,
.quiz-nav-prev:before,
.slider-nav-prev:before,
.popup-nav-prev:before,
.cal-nav-prev:before,
.filter-btn .arrow-left:before {
	content: "\e907";
	font-size: 50px;
	float: right;
}

.filter-btn .arrow-right:before {
	float: right;
}

.filter-btn .arrow-left:before {
	float: left;
}

.slick-next-btn:before,
.slick-next:before,
.quiz-nav-next:before,
.slider-nav-next:before,
.popup-nav-next:before,
.cal-nav-next:before,
.filter-btn .arrow-right:before {
	content: "\e906";
	font-size: 50px;
	float: left;
}

.filter-btn .arrow-right:before {
	float: right;
}

.download-btn:before {
	content: "\e932";
	font-size: 50px;
}


/* 
 * Top Header
 * -------------------------------------------------------------------------------------------
 */

.top-header {
    position: fixed;
    z-index: 7;
    top: 0;
    right: 0;
    width: 155px;
    /*width: 130px;*/
}

.top-header.no-pro {
	width: 105px;
	/*width: 80px;*/
}

body.cookies .top-header {
	top: 50px;
}

.main-header.sticky .top-header {
	position: relative;
	float: right;
	top: auto;
	right: auto;
}

.main-header.popup .top-header,
.main-header.popup .main-nav,
.main-header.popup .login-btn-mobile,
.main-header.popup .search-btn-mobile,
.main-header.popup .toggle-nav {
	display: none !important;
}

/*
 * top-header
 */

.top-header {
	float: right;
	margin-top: -1px;
}

.top-header > a,
.top-header a.share-btn,
.top-header a.profile-btn,
.top-header .langs > a {
	position: relative;
	display: inline-block;
	float: left;
	width: 25px;
	height: 50px;
}

.top-header .langs {
	/*display: none !important;*/
	position: relative;
	display: inline-block;
	float: left;
}

.top-header > a:before,
.top-header a.share-btn:before,
.top-header a.profile-btn:before,
.top-header .langs > a:before {
	content: "";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    position: absolute;
    top: 0;
    left: -13px;
    pointer-events: none;
}

.top-header a.social-btn {
	display: none;
}

.top-header a.share-btn:before {
	content: "\e92f";
}

.top-header a.login-btn:before {
	content: "\e948";
}

.top-header a.profile-btn:before {
	content: "\e949";
}

.top-header a.social-btn:before {
	content: "\e930";
}

.top-header a.langs-btn:before {
	content: "\e925";
	left: -12px;
}

.top-header a.search-btn:before {
	content: "\e92e";
}

.top-header .user-btns {
	position: relative;
	display: inline-block;
	float: left;
}

.top-header .pro-btns {
	position: relative;
	display: inline-block;
	float: right;
}

.top-header.pro .pro-btns {
	float: left;
}

.top-header .user-btns > ul {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	background: #fff;
	border: 1px solid #ececec;
	text-align: right;
	padding: 10px 5px;
	width: 170px;
}

.top-header .user-btns > ul.shares {
	padding: 0;
	width: 50px;
	border: none;
}

.top-header .user-btns ul li {
	padding: 5px;
}

.top-header .user-btns ul.shares li {
	padding: 0px;
}

.top-header .user-btns ul li,
.top-header .user-btns ul li a {
	font-size: 10px;
	line-height: 10px;
}

.top-header .user-btns ul li.u-name {
	margin-bottom: 10px;
}

.top-header .user-btns ul li.u-name,
.top-header .user-btns ul li.u-name a {
	font-size: 14px;
	line-height: 14px;
}

.top-header .user-btns ul li.u-name,
.top-header .user-btns ul li.u-name a,
.top-header .user-btns ul li.u-logout,
.top-header .user-btns ul li.u-logout a {
	color: #a8a8a8;
}

.top-header .user-btns ul li.u-fav,
.top-header .user-btns ul li.u-fav a,
.top-header .user-btns ul li.u-profile,
.top-header .user-btns ul li.u-profile a,
.top-header .user-btns ul li.u-bo,
.top-header .user-btns ul li.u-bo a,
.top-header .pro-btns ul li a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	color: #000;
}

.top-header .user-btns ul li.u-logout,
.top-header .user-btns ul li.u-logout a {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.top-header .user-btns ul li.u-fav,
.top-header .user-btns ul li.u-profile,
.top-header .user-btns ul li.u-bo {
	padding-right: 25px;
}

.top-header .user-btns ul li.u-fav a,
.top-header .user-btns ul li.u-profile a,
.top-header .user-btns ul li.u-bo a {
	position: relative;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.top-header .user-btns ul li.u-fav a:after,
.top-header .user-btns ul li.u-profile a:after,
.top-header .user-btns ul li.u-bo a:after {
	content: "";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	position: absolute;
	top: -19px;
	right: -42px;
	font-size: 50px;
	color: #000;
}

.top-header .user-btns ul li.u-fav a:before,
.top-header .user-btns ul li.u-profile a:before,
.top-header .user-btns ul li.u-bo a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: -4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.top-header .user-btns ul li.u-fav a:after {
	content: "\e92a";
}

.top-header .user-btns ul li.u-profile a:after {
	content: "\e927";
}

.top-header .user-btns ul li.u-bo a:after {
	content: "\e927";
}

.top-header .user-btns ul li.u-logout {
	margin-top: 10px;
	padding-right: 25px;
}

.top-header .user-btns ul li.u-logout a {
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.top-header .user-btns ul li.u-logout a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: -4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.top-header a.pro-btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #000;
	color: #fff;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 14px;
	line-height: 50px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/*
 * submenu
 */

.top-header .langs ul,
.top-header .pro-btns ul {
	display: none;
	text-align: right;
	position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    padding: 5px 0;
}

.top-header .pro-btns ul {
	padding: 5px 10px;
}

.top-header.pro .pro-btns ul {
	min-width: 120px;
}

.top-header .langs.hover ul {
	display: block;
}

.top-header .langs.hover > a {
	background: #000;
	color: #fff;
}

.top-header .langs li,
.top-header .pro-btns li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.top-header .langs ul a,
.top-header .pro-btns ul a {
	position: relative;
	display: inline-block;
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	text-transform: uppercase;
    letter-spacing: 1px;
	padding: 5px 0;
}

.top-header .langs ul a:after,
.top-header .pro-btns ul a:after {
	content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.top-header .langs ul li.active a:after,
.top-header .pro-btns ul li.active a:after {
	left: 0;
	width: 100%;
	background: #000;
}

/* 
 * Main Header
 * -------------------------------------------------------------------------------------------
 */

.main-header {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 6;
	top: 0;
	left: 0;
	background: #fff;
	padding: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main-header.sticky {
	height: 50px;
	border-bottom: 1px solid #e0e0e0;
}

.main-header.nobrd {
	border: none !important;
}

.menu-primary-menu-container,
.menu-primary-menu-en-container {
	padding-left: 15px;
	padding-right: 195px;
}

.main-header.sticky .menu-primary-menu-container,
.main-header.sticky .menu-primary-menu-en-container {
	padding-right: 10px !important;
}




/*
 * logo
 */

.sbb-logo {
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.sbb-logo:after {
	position: relative;
	z-index: 2;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 100px;
    line-height: 100px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main-header.sticky .sbb-logo {
	width: 50px;
	height: 50px;
}

.main-header.sticky .sbb-logo:after {
	font-size: 50px;
	line-height: 50px;
}

/*
 * secrets
 */

.sbb-logo.secrets:after {
	content: "\e94b";
}

.sbb-logo.secrets {
	z-index: 3;
	left: 0;
}

.main-header.sticky .sbb-logo.secrets {
	left: 0;
}

.main-header.sticky.back .sbb-logo.secrets,
.main-header.sticky.popup .sbb-logo.secrets {
	left: 50px;
}




/*
 * behind
 */

.sbb-logo.behind:after {
	content: "\e94c";
}

.sbb-logo.behind {
	z-index: 4;
	left: 100px;
}

.main-header.sticky .sbb-logo.behind {
	left: 50px;
}

.main-header.sticky.back .sbb-logo.behind,
.main-header.sticky.popup .sbb-logo.behind {
	left: 100px;
}



/*
 * beauty
 */

.sbb-logo.beauty:after {
	content: "\e94c";
}

.sbb-logo.beauty:before {
	content: "";
	background: #fff;
	width: 50px;
	height: 50px;
	display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    -webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.sbb-logo.beauty {
	z-index: 5;
	top: 99px;
	left: 100px;
}

.main-header.sticky .sbb-logo.beauty {
	top: 49px;
	left: 50px;
}


/*
 * beauty back
 */

.main-header.back .sbb-logo.beauty,
.main-header.popup .sbb-logo.beauty {
	-webkit-animation: animBeautyBack .5s 1 forwards;
	-moz-animation:    animBeautyBack .5s 1 forwards;
	-o-animation:      animBeautyBack .5s 1 forwards;
	animation:         animBeautyBack .5s 1 forwards;
}

.main-header.sticky .sbb-logo.beauty:before,
.main-header.popup .sbb-logo.beauty:before {
	width: 30px;
	height: 30px;
    margin-left: -15px;
    margin-top: -15px;
}

@keyframes animBeautyBack {

	0% {
		top: 0;
		left: 150px;
	}

	30% {
		top: 0;
		left: 100px;
	}

	100% {
		top: 100px;
		left: 100px;
	}
}

.main-header.sticky.back .sbb-logo.beauty,
.main-header.sticky.popup .sbb-logo.beauty {
	-webkit-animation: animBeautyBackSticky .5s 1 forwards;
	-moz-animation:    animBeautyBackSticky .5s 1 forwards;
	-o-animation:      animBeautyBackSticky .5s 1 forwards;
	animation:         animBeautyBackSticky .5s 1 forwards;
}

@keyframes animBeautyBackSticky {

	0% {
		top: 99px;
		left: 100px;
	}

	30% {
		top: 0;
		left: 100px;
	}

	100% {
		top: 0;
		left: 150px;
	}
}


/*
 * beauty salon locator
 */

.main-header.back.sl .sbb-logo.beauty {
	-webkit-animation: animBeautyBackSL .5s 1 forwards;
	-moz-animation:    animBeautyBackSL .5s 1 forwards;
	-o-animation:      animBeautyBackSL .5s 1 forwards;
	animation:         animBeautyBackSL .5s 1 forwards;
}

@keyframes animBeautyBackSL {

	0% {
		top: 0;
		left: 150px;
	}

	30% {
		top: 0;
		left: 100px;
	}

	100% {
		top: 0;
		left: 200px;
	}
}

.main-header.sticky.back.sl .sbb-logo.beauty {
	-webkit-animation: animBeautyBackStickySL .5s 1 forwards;
	-moz-animation:    animBeautyBackStickySL .5s 1 forwards;
	-o-animation:      animBeautyBackStickySL .5s 1 forwards;
	animation:         animBeautyBackStickySL .5s 1 forwards;
}

@keyframes animBeautyBackStickySL {

	0% {
		top: 0;
		left: 200px;
	}

	30% {
		top: 0;
		left: 150px;
	}

	100% {
		top: 0;
		left: 150px;
	}
}



/*
 * sbb
 */

.sbb-logo.sbb:after {
	content: "\e94d";
}

.sbb-logo.sbb {
	z-index: 2;
	top: -1px;
	left: 200px;
	background-color: #fff;
}

.main-header.sticky .sbb-logo.sbb {
	left: 100px;
}


/*
 * sbb back
 */

.main-header.back .sbb-logo.sbb,
.main-header.popup .sbb-logo.sbb {
	-webkit-animation: animSBBBack .5s 1 forwards;
	-moz-animation:    animSBBBack .5s 1 forwards;
	-o-animation:      animSBBBack .5s 1 forwards;
	animation:         animSBBBack .5s 1 forwards;
}

@keyframes animSBBBack {

	0% {
		left: 150px;
	}

	30% {
		left: 150px;
	}

	100% {
		left: 200px;
	}
}

.main-header.sticky.back .sbb-logo.sbb,
.main-header.sticky.popup .sbb-logo.sbb {
	-webkit-animation: animSBBBackSticky .5s 1 forwards;
	-moz-animation:    animSBBBackSticky .5s 1 forwards;
	-o-animation:      animSBBBackSticky .5s 1 forwards;
	animation:         animSBBBackSticky .5s 1 forwards;
}

@keyframes animSBBBackSticky {

	0% {
		left: 200px;
	}

	30% {
		left: 200px;
	}

	100% {
		left: 150px;
	}
}


/*
 * sbb back salon locator
 */

.main-header.back.sl .sbb-logo.sbb {
	-webkit-animation: animSBBBackSL .5s 1 forwards;
	-moz-animation:    animSBBBackSL .5s 1 forwards;
	-o-animation:      animSBBBackSL .5s 1 forwards;
	animation:         animSBBBackSL .5s 1 forwards;
}

@keyframes animSBBBackSL {

	0% {
		left: 150px;
	}

	30% {
		left: 150px;
	}

	100% {
		left: 300px;
	}
}

.main-header.sticky.back.sl .sbb-logo.sbb {
	-webkit-animation: animSBBBackStickySL .5s 1 forwards;
	-moz-animation:    animSBBBackStickySL .5s 1 forwards;
	-o-animation:      animSBBBackStickySL .5s 1 forwards;
	animation:         animSBBBackStickySL .5s 1 forwards;
}

@keyframes animSBBBackStickySL {

	0% {
		left: 300px;
	}

	30% {
		left: 200px;
	}

	100% {
		left: 150px;
	}
}



/*
 * logo segredos do salao
 */
.logo-segredosdosalao {
	display: inline-block;
	position: absolute;
	height: 100px;
	top: 0;
	left: 0;
	/*height: 80px;
	top: 10px;
	left: 10px;*/
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main-header.sticky .logo-segredosdosalao {
	height: 50px;
	/*height: 40px;
	top: 5px;
	left: 5px;*/
}

.main-header.sticky.back .logo-segredosdosalao,
.main-header.sticky.popup .logo-segredosdosalao {
	left: 50px;
}



/*
 * back
 */

.main-header .back-btn {
	display: inline-block;
	opacity: 0;
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: -50px;
	color: #e0e0e0;
	background: none;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

body.cookies .main-header .back-btn {
	top: 50px;
}

.main-header.loading .back-btn {
	color: #ecd773;
}

.main-header.popup .back-btn {
	color: #000;
}

.main-header.sticky .back-btn {
	left: 0;
	opacity: 1;
}

.main-header .back-btn:after {
	content: "\e907";
	position: relative;
	z-index: 2;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.main-header.popup .back-btn:after {
	content: "\e91b";
}

.main-header.loading .back-btn:after {
	content: "\e957";
}

.main-header .back-btn.disabled {
	display: none !important;
}

.main-header.loading .back-btn,
.main-header.popup .back-btn {
	display: inline-block !important;
}




/* 
 * Scrollbar
 * -------------------------------------------------------------------------------------------
 */

.scroll-bar {
	display: inline-block;
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	top: 49px;
	background: #ecd773;
	-webkit-transition: margin .3s ease-in-out;
    -moz-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out;
}




/* 
 * Menu
 * -------------------------------------------------------------------------------------------
 */

.main-nav {
	display: inline-block;
	height: 100%;
	float: right;
}

.toggle-nav,
.main-header .search-btn-mobile,
.main-header .login-btn-mobile,
.main-header .profile-btn-mobile {
	display: none;
	width: 40px;
	height: 50px;
	padding: 0;
	border: none;
	outline: none;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
}

.toggle-nav:before,
.main-header .search-btn-mobile:before,
.main-header .login-btn-mobile:before,
.main-header .profile-btn-mobile:before {
	content: "";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 50px;
	position: absolute;
	top: 0;
	left: -5px;
}

/*
 * toggle-nav
 */

.toggle-nav:before {
	content: "\e950";
}

.toggle-nav.open:before {
	content: "\e951";
}

/*
 * search-btn-mobile
 */

.main-header .search-btn-mobile {
	top: 0;
	right: 40px;
}

.main-header .search-btn-mobile:before {
	content: "\e92e";
	left: 0;
}

/*
 * login-btn-mobile
 */

.main-header .login-btn-mobile {
	top: 0;
	right: 80px;
}

.main-header .login-btn-mobile:before {
	content: "\e948";
	left: 5px;
}

/*
 * profile-btn-mobile
 */

.main-header .profile-btn-mobile {
	top: 0;
	right: 80px;
}

.main-header .profile-btn-mobile:before {
	content: "\e949";
	left: 5px;
}



.menu-primary-menu-container,
.menu-primary-menu-en-container {
	margin-top: 51px;
	-webkit-transition: margin .3s ease-in-out;
    -moz-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out;
}

.main-nav ul {
	display: inline-block;
	height: 100%;
	margin: 0;
	padding: 0;
}

.main-nav li {
	display: inline-block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav a {
	display: inline-block;
	position: relative;
	font-size: 14px;
    line-height: 50px;
    letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 0 5px;
}

.main-header.sticky .main-nav .menu-primary-menu-container,
.main-header.sticky .main-nav .menu-primary-menu-en-container {
	margin-top: 0;
}

.main-nav .menu-primary-menu-container > ul > li > a:after,
.main-nav .menu-primary-menu-en-container > ul > li > a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 50%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.main-nav .menu-primary-menu-container > ul > li.current-menu-item > a:after,
.main-nav .menu-primary-menu-en-container > ul > li.current-menu-item > a:after {
	left: 0;
	width: 100%;
	background: #000;
}



/*
 * submenu
 */

.main-nav .sub-menu {
	display: none;
	width: 150px;
	position: absolute;
	top: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -1px;
	left: 0;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	height: auto;
	overflow: hidden;
}

.main-nav .sub-menu li {
	display: block;
	width: 100%;
	background: #fff;
}

.main-nav .sub-menu li a {
	width: 100%;
}

.main-nav li:hover > .sub-menu {
	display: block;
}

.main-nav .logout-btn,
.main-nav .user-links,
.main-nav .pro-btns,
.main-nav .social-links-mobile {
	display: none;
}


/*langs*/
.main-nav .langs-mobile {
	display: none;
	margin-top: 50px;
}

.main-nav .langs-mobile ul li a {
	display: inline-block;
}

.main-nav .langs-mobile ul li.active a:after {
	content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	left: 0;
	width: 100%;
	background: #000;
}



/* 
 * MAIN
 * -------------------------------------------------------------------------------------------
 */

.main {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0;
	margin: 0;
}

.page {
	clear: both;
	position: relative;
	z-index: 2;
	background: #fff;
}

.page.salons-locator {
	padding-top: 50px;
}

body.cookies .page.salons-locator {
	padding-top: 100px;
}

.page.single.kit-press,
.page.single.kit-pro {
	padding-top: 100px;
	padding-bottom: 50px;
}

body.cookies .page.single.kit-press,
body.cookies .page.single.kit-pro {
	padding-top: 150px;
}

.page-title,
.intro-title {
	width: 100%;
	padding: 0 225px;
	height: 106px;
    display: table-cell;
    vertical-align: bottom;
}

.section-header .page-title,
.section-header .intro-title {
	margin: 0;
	padding: 0 125px;
	text-align: left;
	color: #ebe9e9;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 60px;
}

.section-header.default .page-title,
.section-header.default .intro-title {
	color: #000;
}

.page.search-results .section-header .page-title span,
.page.search-results .section-header .intro-title span {
	display: block;
}

.page.search-results .section-header .page-title .l,
.page.search-results .section-header .intro-title .l {
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.page.search-results .section-header .page-title .s,
.page.search-results .section-header .intro-title .s,
.page.search-results .section-header .page-title .sn,
.page.search-results .section-header .intro-title .sn {
	color: #000;
}

.page.search-results .section-header .page-title .sn,
.page.search-results .section-header .intro-title .sn {
	font-size: 36px;
}

.page.search-results .section-header .section-content {
	display: table;
}

.page.search-results .section-header .page-title,
.page.search-results .section-header .intro-title {
	display: table-cell;
	vertical-align: middle;
}

.section-header .page-logo {
	margin-top: 31px;
	padding: 0 125px;
}

.section-header .page-logo img {
	height: 100px;
	width: auto;
}

.page-title .download-kit-btn,
.intro-title .download-kit-btn {
	position: absolute;
	top: 150px;
	padding: 0 25px 0 0 !important;
}

body.cookies .page-title .download-kit-btn,
body.cookies .intro-title .download-kit-btn {
	top: 200px;
}

.page-title .download-kit-btn .icn,
.intro-title .download-kit-btn .icn {
	float: left;
    margin-right: -5px;
}

.page-title .download-kit-btn .icn:after,
.intro-title .download-kit-btn .icn:after {
	content: "\e932";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 25px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 50px;
}


/*
 * author
 */

.section-header .page-title label,
.section-header .intro-title label {
	display: block;
	font-size: 18px;
	color: #000;
	margin-top: 10px;
	margin-bottom: -40px;
	letter-spacing: 1px;
}

.page.profile .section.content {
	padding-bottom: 0;
}

.page.profile .section.content .u-actions {
	display: inline-block;
	width: 200px;
	height: 100%;
	min-height: 250px;
	float: left;
	margin-right: 50px;
	padding-bottom: 50px;
}

.page.profile .section.content .u-pic-placeholder {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 200px;
}

.page.profile .section.content .u-pic-placeholder.has-pic {
	height: 200px;
}

.page.profile .section.content .u-pic-placeholder img {
	display: none;
	width: 100%;
	height: auto;
	border: 1px solid #f3f1f1;
}

.page.profile .section.content .u-field.drop .u-pic-placeholder img {
	border-color: #ecd773;
}

.page.profile .section.content .u-pic-placeholder.has-pic img {
	display: block;
}

.page.profile .section.content .u-pic-placeholder.has-pic .u-label {
	display: none;
}

.page.profile .section.content .u-msgs {
	margin-top: 10px;
}

.page.profile .section.content .u-msgs p {
	display: none;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #9f9f9f;
}

.page.profile .section.content .u-msgs p > span {
	display: none;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.page.profile .section.content .u-msgs p.u-default {
	display: block;
}

.page.profile .section.content .u-msgs p.u-error {
	color: red;
}

.page.profile .section.content .u-info {
	float: left;
}

.page.profile .section.content .u-field {

}

.page.profile .section.content .u-field + .u-field {
	margin-top: 25px;
}

.page.profile .section.content .u-label {
	display: block;
	font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9f9f9f;
    margin-bottom: 5px;
}

.page.profile .section.content p {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 1px;
}

.page.profile .section.content a {
	position: relative;
	display: inline-block;
	font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

.page.profile .section.content a:after {
	content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*
 * page drop
 */

.selected-drop {
	position: absolute;
    top: 0;
    right: 0;
	display: table;
	width: 200px;
    height: 200px;
	background: #ecd773;
	text-align: center;
    padding: 0 25px;
}

.selected-drop .opt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.selected-drop p {
	text-transform: uppercase;
	font-family: 'Neuzeit Grotesk Bold';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
}

.page-drop {
	display: inline-block;
	width: 200px;
	position: absolute;
	z-index: 999999;
    top: 0;
    right: 200px;
}

.page-drop a.toggle-drop {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #000;
	color: #fff;
	position: absolute;
	z-index: 99999;
	top: 0;
	right: 0;
	line-height: 50px;
	font-size: 0;
}

.page-drop a.toggle-drop:before {
	content: "\e90d";
	font-size: 50px;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}

.page-drop.open a.toggle-drop:before {
	content: "\e90c";
}


.page-drop > ul {
	display: none;
	position: absolute;
	right: 50px;
	top: 0;
	width: 100%;
}

.page-drop li {
	
}

.page-drop ul a {
	display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    background: #fff;
    text-align: center;
    letter-spacing: 1px;
}

.page-drop li.active a,
.page-drop li.current-menu-item a {
	background: #e0e0e0;
}

.page-drop ul li + li {
	margin-top: 1px;
}




/* 
 * Slider
 * -------------------------------------------------------------------------------------------
 */

.slider-container {
	position: relative;
	width: 100%;
	padding: 0 200px;
}

.slider-dossier {
	margin-left: 200px;
}

.slider-dossier .post-thumb {
	width: 100%;
	height: 100%;
}

.slider {
	padding: 0;
	position: relative;
	z-index: -1;
	width: 100%;
	overflow: hidden;
	background: none;
}

.slides {
	position: fixed;
	top: 0;
	left: 0;
}

.section.slider.adjustToContainer {
	margin-top: 100px;
	z-index: 1;
}

body.cookies .section.slider.adjustToContainer {
	margin-top: 150px;
}

.slider.adjustToContainer .slides {
	position: absolute;
}


/*
 * slides
 */

.slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.slide.active {
	display: block;
	z-index: 1000;
}

.slide.under {
	z-index: 500;
}



/*
 * slide img
 */

.slide-img,
.slide-vid {
	position: absolute;
	top: 0;
	/*left: 0;*/
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.slide-img img,
.slide-vid iframe {
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.slide-vid iframe {
	width: 100%;
	height: 100%;
}


/*
 * slide desc
 */

.slide-desc {
	display: none;
	position: fixed;
	top: 25px;
	right: 0;
	text-align: right;
	padding-right: 50px;
}

body.cookies .slide-desc {
    top: 50px;
}

.slide.active .slide-desc {
	display: table;
}

.slide-desc .desc {
	display: table-cell;
	vertical-align: middle;
}

.slider.adjustToContainer .slide-desc {
	display: table;
	position: absolute;
	top: 0 !important;
	text-align: left;
	padding-left: 50px;
	padding-right: 0;
}

.slider.adjustToContainer .slide-desc .post-cat.yellow {
	margin-top: -25px;
}


/*
 * slide cat
 */

.slide-desc .post-cat.vert {
	top: 50px;
	left: auto;
	right: 167px;
}

.post-cat.horiz {
	right: auto;
	margin-bottom: 0;
	height: auto !important;
}

.slide-desc .post-cat.horiz .cat-icn {
	margin-bottom: 10px;
}

.slide-desc .post-cat.horiz.right {
	margin-bottom: 10px;
}

.slide-desc .post-cat.horiz.right .cat-icn {
	float: right;
    margin-right: 0;
    margin-left: 0;
}

.slide-desc .post-cat.horiz.right .cat-icn.cabelo,
.slide-desc .post-cat.horiz.right .cat-icn.hair {
	margin-left: -9px;
}

.slide-desc .post-cat.horiz.right .cat-icn.pele,
.slide-desc .post-cat.horiz.right .cat-icn.skin {
	margin-left: -31px;
}

.slide-desc .post-cat.horiz.right .cat-icn.unhas,
.slide-desc .post-cat.horiz.right .cat-icn.nails {
	margin-left: -23px;
}

/*
 * slide title
 */

.slide-title {
	font-family: 'Neuzeit Grotesk Bold';
	max-width: 600px;
}

.slide-title h1 + h5,
.slide-title h2 + h5,
.slide-title h3 + h5,
.slide-title h4 + h5,
.slide-title h5 + h5,
.slide-title h6 + h5,

.slide-title .h1 + h5,
.slide-title .h2 + h5,
.slide-title .h3 + h5,
.slide-title .h4 + h5,
.slide-title .h5 + h5,
.slide-title .h6 + h5 {
	margin-top: 10px;
	letter-spacing: 1px;
}

.slider.adjustToContainer .slide-title {
	max-width: 100%;
}


.slide-title h3{
	font-family: 'Playfair Display', serif !important;
}


/*
 * slider nav
 */

.slider-nav {
	position: absolute;
	z-index: 999999;
	left: 0;
	margin-left: -100px;
	bottom: 200px;
}

.slider-nav-item,
.slider-nav-prev,
.slider-nav-next {
	display: inline-block;
	float: left;
	background: #fff;
	color: #000;
	width: 50px;
	height: 50px;
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 16px;
	line-height: 50px;
	font-weight: normal;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/*.slider-nav-item.active,*/
.slider-nav-item:hover,
.slider-nav-prev:hover,
.slider-nav-next:hover,
.slider-nav-prev.active,
.slider-nav-next.active {
	background: #000;
	color: #fff;
}

.slider-nav-item.current,
.slider-nav-prev.current,
.slider-nav-next.current {
	width: 100px;
    padding-left: 50px;
	color: #000;
	background: #ecd773;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.slider-nav-prev.current {
	text-align: right;
	padding-right: 0;
}

.slider-nav-next.current {
	text-align: left;
	padding-left: 0;
}


/*
 * slider thumbs
 */

.slider-thumbs {
	width: 200px;
	height: 200px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.sidebar-group.related {
	max-width: 200px;
}


/*
 * slider thumbs wrapper
 */

.slider-thumbs .thumbs-wrapper {
	position: absolute;
	left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}



/*
 * slider thumb
 */

.slider-thumb {
	position: absolute;
    left: 0;
    top: 0;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

.slider-thumb.current {
	z-index: 500;
}

.slider-thumb.prev {
	z-index: 1000;
}

.slider-thumb.active {
	z-index: 1500;
}

.slider-thumb.hover {
	z-index: 2000;
}

.thumbs-wrapper,
.slider-thumb img {
	width: 200px;
	height: 200px;
}

.slider-thumb img {
	width: 100%;
	height: auto;
}


/*
 * slider thumb title
 */

.slider-titles {
	display: table;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100px;
	padding-right: 30px;
	padding-left: 130px;
	text-align: right;
	background: #fff;
}

.slider-titles:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1000px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
}

.slider-thumb-title {
	display: none;
	color: #000;
}

.slider-thumb-title.active {
	display: table-cell;
	vertical-align: middle;
}

.slider-titles p {
	font-size: 18px;
	line-height: 23px;
}


.slider-dossier {
	display: inline-block;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	left: 0;
	background: #000;
}


/*
 * 2500
 */

.slider-container {
	padding: 0 200px;
}

.slider-dossier {
	margin-left: 200px;
}

.slider-thumbs,
.slider-thumb {
	width: 350px;
	height: 350px;
}

.sidebar-group.related {
	max-width: 350px;
}

.thumbs-wrapper,
.slider-thumb img {
	width: 350px;
	height: 350px;
}

.slider-nav {
	bottom: 350px;
}

.slider-titles {
	height: 175px;
	padding-left: 205px;
}

.slide-desc .post-cat.vert {
	right: 317px;
}




/* 
 * FOOTER
 * -------------------------------------------------------------------------------------------
 */

.main-footer {
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 3;
	background: #000;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}





/* 
 * PRELOADER
 * -------------------------------------------------------------------------------------------
 */

.preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
}

.preloader-bg {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: #fff;
	color: #000;
}

.preloader-logo {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

body.cookies .preloader-logo {
	top: 51px;
}

.preloader-logo .sbb-logo {
	background: #fff;
}






/* 
 * FILTERS
 * -------------------------------------------------------------------------------------------
 */

.page-filters {
	width: 200px;
	position: absolute;
	z-index: 9999999;
	top: 250px;
	left: 0;
}

body.cookies .page-filters {
	top: 300px;
}

.page-filters .filters-list {
	width: 100%;
	position: absolute;
	z-index: 9999998;
	top: 0;
	left: -100%;
	padding: 17px 15px 50px 0;
	overflow-x: auto;
	background: #fff;
}

.page-filters .filters-list .i-group-label {
	position: relative;
	display: block;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 10px;
	padding-left: 50px;
}

.page-filters .filters-list .i-group-label:after {
	content: "\e909";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    position: absolute;
    top: -17px;
    right: -15px;
}

.page-filters .filters-list .i-group-label.open:after {
	content: "\e908";
}

.page-filters .filters-list .i-group + .i-group-label {
	margin-top: 15px;
}

.page-filters .filters-list .i-group-label + .i-group {
	display: none;
}

.page-filters .filters-list .i-group-label.open + .i-group {
	display: block;
}

.page-filters .filters-list .i-check,
.page-filters .filters-list .i-radio {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	margin: 0;
	padding-left: 50px;
}

.page-filters .filters-list .i-radio.clear-filters {
	display: none !important;
}

.page-filters .filters-list .i-check span,
.page-filters .filters-list .i-radio span {
	border: none;
	width: 50px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.page-filters .filters-list .i-check + .i-check,
.page-filters .filters-list .i-radio + .i-radio {
	margin-top: 5px;
}

.page-filters .filters-list .i-check label,
.page-filters .filters-list .i-radio label {
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}

.page-filters .filters-list .i-check.checked label,
.page-filters .filters-list .i-radio.checked label {
	font-family: 'Neuzeit Grotesk Regular';
}

.page-filters .filters-list .i-check.checked span:before,
.page-filters .filters-list .i-radio.checked span:before {
	content: "";
	background: #000;
	width: 5px;
	height: 5px;
	top: 50%;
	margin-top: -3px;
	left: auto;
	right: 21px;
}

.section-header + .section .page-filters {
	top: 0;
}

.filter-btn {
	width: 100%;
	background: #e0e0e0;
	color: #000;
	padding: 0 !important;
	text-align: right;
	line-height: 50px;
}

.filter-btn .arrow-left {
	display: none;
	float: left;
}

.filter-btn .arrow-right {
	float: right;
}

.page-filters.open .filter-btn .arrow-left {
	display: inline-block;
}

.page-filters.open .filter-btn .arrow-right {
	display: none;
}

.page-filters.open .filter-btn {
	padding: 0;
	text-align: left;
}

.section-header + .section .filter-btn {
	background: #fff;
}

.section-header + .section .page-filters.open .filter-btn {
	background: #f3f1f1;
}






/* 
 * SECTIONS
 * -------------------------------------------------------------------------------------------
 */

.section {
	position: relative;
	padding: 0;
	background: #fff;
}

.section.content {
	overflow: hidden;
	padding-bottom: 50px;
}

.page.single .section.content {
	padding-bottom: 0;
}

.single.kit-press .section.content,
.single.kit-pro .section.content {
	padding-bottom: 0;
}

.page-title + .section.content,
.intro-title + .section.content {
	padding-top: 50px;
}

.section-content {
	padding: 100px 50px;
	overflow: hidden;
}

.section.content .section-content {
	padding: 0 175px;
}

/*
 * SINGLE CONTENT
 */

.section-content .post-content {
	width: 65%;
	float: left;
}

.page.single.historia .section-content .post-content {
	padding-top: 50px;
}

/*
 * single-img
 */

.section-content .post-content .single-img {
	margin-bottom: 50px;
	margin-top: 100px;
}

body.cookies .section-content .post-content .single-img {
	margin-top: 150px;
}

.section-content .post-content img {
	max-width: 100%;
	height: auto;
}

.section-content .post-content .wp-caption {
	position: relative;
	width: 100% !important;
}

.wp-caption.alignright {
	text-align: right;
}

.wp-caption.aligncenter {
	text-align: center;
}

.wp-caption-text {
	/*display: inline-block;*/
	width: auto;
	/*position: absolute;*/
	right: 0;
	bottom: 0;
	background: #fff;
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
	padding: 15px 20px;
	/*text-align: center;*/
}





/*
 * single-vid
 */

.section-content .post-content .single-vid,
.vid-container {
	position: relative;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom: 50px;
	margin-top: 100px;
}

.vid-container {
	margin: 0;
}

.section-content .post-content .single-vid iframe,
.vid-container iframe {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/*
 * expand-content
 */

.section-content .post-content .expand-content {
	position: relative;
	padding-right: 50px;
	padding-bottom: 50px;
}

.section-content .post-content .post-desc {
	display: table-cell;
	vertical-align: bottom;
}

.section-content .post-content .post-desc h5.hidden-xs,
.section-content .post-content .post-desc h5.hidden-lg {
	font-family: 'Neuzeit Grotesk Bold';
}

.section-content .post-content .post-desc .xs-post-cat {
	margin-bottom: 25px;
}

.section-content .post-content .content-tags + * {
	margin-top: 25px;
}

.section-content a {
	text-decoration: underline;
}

.sidebar-group a {
	text-decoration: none;
}

.section-content .post-content .expand-content hr {
	margin-top: 25px;
	margin-bottom: 25px;
}

.section-content .post-content .expand-content strong,
.section-content .post-content .expand-content b,
.section-content .post-content .expand-content strong a,
.section-content .post-content .expand-content b a {
	font-family: 'Neuzeit Grotesk Bold';
}



/*
 * gallery
 */

.gallery {
	position: relative;
	width: auto;
	margin: 0 -5px;
}

.single.kit-press .gallery,
.single.kit-pro .gallery {
	margin-top: -10px;
}

.gallery + * {
	clear: both;
}

.gallery .g-item {
	float: left;
	width: 33.33333%;
	margin: 0;
	padding: 5px;
}

.gallery .g-item > a {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}

.gallery .g-item > a:after {
	content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.gallery .g-item .download-kit {
	display: inline-block;
	overflow: hidden;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #000;
    position: absolute;
    z-index: 99999;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.gallery .g-item .download-kit .icn,
.gallery .g-item .download-kit .link {
	position: absolute;
    bottom: 0;
    left: 0;
}

.gallery .g-item .download-kit .icn:before {
	content: "\e932";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.gallery .g-item .download-kit .link:before {
	content: "\e930";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.gallery .g-item .download-kit .label {
	line-height: 50px;
	padding-right: 20px;
	position: absolute;
    bottom: 0;
    left: 50px;
}



.gallery img {
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.gallery .g-caption,
.gallery .g-desc {
	width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
	font-size: 16px;
	line-height: 21px;
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
}

.gallery .g-desc {
	display: none;
}


/*
 * comments
 */

.section-content .post-content .post-comments {
	position: relative;
	margin: 50px 0 0 0;
	padding-right: 50px;
}

.section-content .post-content .post-comments:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 19%;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}


/*
 * QUIZ
 */

.quiz-container {
	position: relative;
	border: 5px solid #f3f1f1;
	padding: 50px 25px;
    margin-top: 50px;
}

.quiz-container .quiz {
	clear: both;
}

.quiz-container .quiz-title {
	margin-bottom: 15px;
}

.quiz-container .quiz-title h3.end {
	display: none;
}

.quiz-container.ended .quiz-title h3.default {
	display: none;
}

.quiz-container.ended .quiz-title h3.end {
	display: block;
}

.quiz-container .quiz-desc,
.quiz-container .quiz-desc p {
	font-size: 18px;
	line-height: 25px;
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
}

.quiz-container .quiz-desc > .end {
	display: none;
}

.quiz-container.ended .quiz-desc > .default {
	display: none;
}

.quiz-container.ended .quiz-desc > .end {
	display: block;
}

.quiz-container h3,
.quiz-container h4,
.quiz-container h5,
.quiz-container h6,

.quiz-container .h3,
.quiz-container .h4,
.quiz-container .h5,
.quiz-container .h6 {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.quiz-container .i-group {
	margin-top: 25px;
}

.quiz-container .i-group a {
	display: block;
}

.quiz-container .i-group a label {
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
}

/*
 * quiz-msgs
 */

.quiz-msgs {
	text-align: right;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 25px;
	padding: 25px 25px 0 50%;
}

.quiz-msgs p {
	display: none;
	font-family: 'Neuzeit Grotesk Bold';
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
    color: #ebe9e9;
    font-size: 40px;
    line-height: 45px;
}


/*
 * restart quiz
 */

.quiz-container.ended .btn.restart-quiz {
	float: right;
}

.quiz-container .question.end {
	text-align: center;
	margin-top: 25px;
}

.quiz-container .question.end .stitle {
	display: none;
	color: #ebe9e9;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}

.quiz-container .question.end.s0 .stitle.s0 {
	display: block;
}

.quiz-container .question.end.s50 .stitle.s50 {
	display: block;
}

.quiz-container .question.end.s90 .stitle.s90 {
	display: block;
}

.quiz-container .question.end .smsgs {
	margin-bottom: 50px;
}

.quiz-container .question.end .smsg {
	display: none;
	padding: 0 75px;
}

.quiz-container .question.end .smsg h5,
.quiz-container .question.end .smsg .h5 {
	margin-bottom: 15px;
}

.quiz-container .question.end.s0 .smsg {
	display: block;
}

.quiz-container .question.end.s50 .smsg {
	display: block;
}

.quiz-container .question.end.s90 .smsg {
	display: block;
}

.quiz-container .i-group a.red label,
.quiz-container .i-group a.green label {
	font-family: 'Neuzeit Grotesk Bold';
}

.quiz-container .i-group a.red span {
	border-color: #cccbcb;
	background: #cccbcb;
	color: #fff;
}

.quiz-container .i-group a.green span {
	border-color: #000;
	background: #000;
	color: #fff;
}


/*
 * quiz-nav
 */

.quiz-container .quiz-nav {
	width: auto;
	overflow: hidden;
	height: 50px;
	margin: 50px -25px;
}

.quiz-container.ended .quiz-nav {
	display: none;
}

.quiz-container .quiz-nav a {
	position: relative !important;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	float: left;
	font-size: 16px; /* dummy */
}

.quiz-container .quiz-nav a.disabled {
	background: #fff !important;
	color: #000;
}

.quiz-container .quiz-nav a.hidden {
	display: none !important;
}


/*
 * quiz-nav-prev
 */

.quiz-nav-prev {

}

.quiz-nav-prev.active {
	text-align: left;
	padding-left: 25px;
}

/*
 * quiz-nav-next
 */

.quiz-nav-next {

}

.quiz-nav-next.active {
	text-align: left;
	padding-left: 25px;
}

/*
 * quiz-dots
 */

ul.quiz-dots {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

.quiz-dots li {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

.quiz-dots li button {
	padding: 0;
	width: 50px;
	background: #000;
	color: #fff;
	text-align: center;
}

.quiz-dots li.disabled button {
	background: #fff !important;
	color: #000;
}

.quiz-dots li.active button {
	background: #ecd773 !important;
	color: #000;
	width: 100px;
	text-align: right;
	padding-right: 25px;
}


.quiz-dots.d5 li {
	display: none !important;
}

.quiz-dots.d5 li button > span {
	display: inline-block !important;
}

.quiz-dots.d5 li.active {
	display: inline-block !important;
}


/*
 * SINGLE SIDEBAR
 */

.section-content .post-sidebar {
	position: relative;
	width: 35%;
	float: right;
	background: #f3f1f1;
	padding: 0 50px 50px 50px;
	margin-top: 100px;
}

body.cookies .section-content .post-sidebar {
	margin-top: 150px;
}

.makeover-imgs + .page.single.historia .section-content .post-sidebar {
	margin-top: 0;
}

.slider-container + .page .section-content .post-sidebar {
	margin-top: 0;
}

.section-content .post-sidebar .single-desc {
	position: relative;
	background: #fff;
    width: auto;
    margin-left: -50px;
    margin-bottom: 0;
    margin-right: -50px;
    padding: 50px;
}

.section-content .post-sidebar:before {
	content: "";
	display: inline-block;
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background: #f3f1f1;
}
.section-content .post-sidebar:after {
	content: "";
	display: inline-block;
	width: 1000%;
	height: 5000px;
	position: absolute;
	top: 100%;
	left: 0;
	background: #f3f1f1;
}

.section-content .post-sidebar .single-desc:before {
	content: "";
	display: inline-block;
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
}


/*
 * sidebar-group
 */

.sidebar-group {
	clear: both;
}

.sidebar-group {
	padding-top: 50px;
}

#popuppartilha{position: fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9;display:none;}

#imagemdepartilha{
	position:relative;
	top:15%;
	left:50%;
	transform:translateX(-50%);
	width:400px;
}
#imagemdepartilha #next{display:inline-block;cursor:pointer;color:#fff;}
#imagemdepartilha #prev{display:inline-block;cursor:pointer;color:#fff;}
#fecharpartilha{
	cursor:pointer;
	width:20px;
	height:20px;
	float:right;
	text-align:right;
	color:#fff;
}
#imagemdepartilha ul{
	display:none;
}
#imagemdepartilha img{
	width: 100%;
 	/*height: 100vh;*/
  	object-fit: contain;
	cursor:pointer;
}

.sidebar-label,
.content-label {
	font-size: 14px;
    line-height: 14px;
    font-family: 'Neuzeit Grotesk Bold';
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.sidebar-group.menu a {
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	padding: 5px 0;
}

.sidebar-group.menu a + a {
	margin-top: 10px;
}

.sidebar-group.menu li.active a,
.sidebar-group.menu li.current-menu-item a {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}


/*
 * download
 */
.download_pdf {

}

.download_pdf a {
	position: relative;
	padding-left: 17px;
	padding-right: 30px;
	color: #000;
    font-family: 'Neuzeit Grotesk Bold';
    font-size: 14px;
    line-height: 35px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
}

.download_pdf a span {
	font-size: 35px;
	position: absolute;
	bottom: 0px;
	left: -12px;
}


/*
 * tag-group
 */

.tag-group {
	clear: both;
}

.tag-group + .tag-group {
	padding-top: 15px;
}

.tag-label {
	clear: both;
	display: block;
	font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
	color: #a0a0a0;
	margin-bottom: 10px;
}

.tag-group a {
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 5px 10px;
	border: 1px solid #000;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: default;
}


/*
 * sidebar related
 */

.sidebar-group.related {
	margin-left: -50px;
	margin-bottom: -50px;
	max-width: 250px;
}

.sidebar-thumb {
    display: inline-block;
    position: relative;
	width: 250px;
	height: 250px;
	text-align: center;
}

.sidebar-thumb .thumb-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.sidebar-thumb .thumb-img.no-img {
	background-color: #EEEEEE;
}

.sidebar-thumb .thumb-img img {
	width: 100%;
	height: auto;
}

.sidebar-thumb .thumb-img img.prod {
	height: 100%;
	width: auto;
	display: inline-block;
}

.sidebar-thumb .thumb-desc {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding-top: 35px;
}

.sidebar-thumb .thumb-desc:before {
	content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
}

.sidebar-thumb .thumb-desc .desc {
	position: relative;
    z-index: 3;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 25px;
}

.sidebar-thumb .thumb-desc .desc h6,
.sidebar-thumb .thumb-desc .desc span {
	color: #fff;
}

.sidebar-thumb .thumb-desc .desc .label1,
.related-posts .post-thumb .post-desc .desc .label1 {
	display: block;
	font-family: 'Neuzeit Grotesk Regular';
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ecd773;
}

.sidebar-thumb .thumb-desc .desc .label2,
.related-posts .post-thumb .post-desc .desc .label2 {
	display: block;
	font-family: 'Neuzeit Grotesk Light';
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 5px;
}


.trainer_info{
	padding: 10px 0 55px 48px;
}

.trainer_info .label1,
.trainer_info h6{
	display: block;
	font-family: 'Neuzeit Grotesk Regular';
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

.trainer_info .label1 {
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 14px;
}


a.selected-drop {
	right: 50px;
	text-decoration: none;
}

.top-image,
.makeover-imgs {
	position: relative;
	z-index: 100;
	padding: 0 50px;
}

.makeover-imgs {
	margin-top: 50px;
	padding-top: 50px !important;
}

body.cookies .makeover-imgs {
	margin-top: 100px;
}

.page.single .section.content .section-content {
	padding: 0 50px;
	overflow: hidden;
}

.page-title .download-kit-btn,
.intro-title .download-kit-btn {
	right: 50px;
}

.page.single.kit-press .section.content .section-content .gallery,
.page.single.kit-pro .section.content .section-content .gallery {
	width: auto;
	margin-left: -60px;
	padding-left: 50px;
	margin-right: -60px;
	padding-right: 50px;
}

.top-image .img {
	overflow: hidden;
}

.top-image img,
.makeover-imgs img {
	width: 100%;
	height: auto;
}

.top-image .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	width: 50%;
	padding: 25px 75px 50px 25px;
}

.single-dossier .top-image .desc,
.single-dossier_pro .top-image .desc {
	bottom: -50px;
}

.top-image .desc h1,
.top-image .desc .h1 {
	margin-bottom: 15px;
    font-size: 32px;
    line-height: 37px;
}

.top-image .desc p {
	font-family: 'Neuzeit Grotesk Light';
	font-size: 18px;
    line-height: 25px;
	font-weight: normal;
}

.top-image .desc > span {
	margin-bottom: 25px;
}

.top-image > .brd-btn {
	margin-top: 25px;
	margin-bottom: 25px;
}


/*
 * makeover-imgs
 */

.makeover-imgs {
	overflow: hidden;
}

.makeover-imgs .m-imgs {
	width: 100%;
	height: 100%;
	position: relative;
}

.makeover-imgs .m-img {
	width: 50%;
	position: absolute;
}

.makeover-imgs .m-img.before {
	left: 0;
	top: 0;
}

.makeover-imgs .m-img.after {
	right: 0;
	bottom: 0;
}


/*
 * intro-section
 */

.intro-section {
	position: relative;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	margin-bottom: 0;
	padding: 0 175px;
}

.intro-section h1,
.intro-section h2,
.intro-section h3,
.intro-section h4,
.intro-section h5,
.intro-section h6,

.intro-section .h1,
.intro-section .h2,
.intro-section .h3,
.intro-section .h4,
.intro-section .h5,
.intro-section .h6 {
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 22px;
	line-height: 26px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 15px;
}

.intro-section p {
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
	max-width: 500px;
}

.section-header + .section.kits .section-content {
	padding-left: 175px;
	padding-right: 175px;
}

.section-header {
	position: fixed;
	width: 100%;
	height: 200px;
	top: 100px;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.section-header.default {
	height: 150px;
}

body.cookies .section-header {
	top: 150px;
}

.section-header .section-content {
	position: relative;
	display: inline-block;
	padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
}

.section-header + .section {
	background: #f3f1f1;
	/*margin-top: 300px !important;*/
}

body.cookies .section-header + .section {
	/*margin-top: 350px !important;*/
}

.section-header.default + .section {
	background: #fff;
	/*margin-top: 250px !important;*/
}

body.cookies .section-header.default + .section {
	/*margin-top: 300px !important;*/
}

.section-header + .section .more-btn-thumb {
	background: #f3f1f1;
	border-color: #f3f1f1;
}






.page.formacoes .intro-section h1,
.page.formacoes .intro-section .h1 {
	
}

.intro-section .view-btns {
	margin-top: 25px;
}

.page.formacoes .intro-section .view-btns + * {
	clear: both;
}

.intro-section .view-btns a {
	display: inline-block;
	font-size: 12px;
	line-height: 50px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #a7a7a7;
	border: 1px solid #cccbcb;
	padding: 0 25px;
	float: left;
	margin-left: -1px;
}

.intro-section .view-btns a.active {
	background: #cccbcb;
	color: #fff;
}


/*
 * TOP SECTION
 */

.top-section,
.bottom-section {
	display: table;
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.top-section.lg,
.bottom-section.lg {
	height: 150px;
}

.ts {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 100%;
}

.ts.w10 {
	width: 10%;
}

.ts.w20 {
	width: 20%;
}

.ts.w30 {
	width: 30%;
}

.ts.w40 {
	width: 40%;
}

.ts.w50 {
	width: 50%;
}

.ts.w60 {
	width: 60%;
}

.ts.w70 {
	width: 70%;
}

.ts.w80 {
	width: 80%;
}

.ts.w90 {
	width: 90%;
}

.scroll-to-top,
.scroll-to-nl {
	overflow: hidden;
	display: inline-block;
	width: 50px;
	height: 100%;
	background: #ecd773;
	position: absolute;
	z-index: 100;
	top: 0;
    left: 50%;
    margin-left: -26px;
}

.scroll-to-nl {
	left: 0;
	margin-left: 0;
}

.scroll-to-top > span,
.scroll-to-nl > span {
	font-family: 'Neuzeit Grotesk Regular';
	-webkit-transform: translateX(-100%) rotate(-90deg);
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
	font-size: 12px;
	line-height: 50px;
	letter-spacing: 1px;
	position: absolute;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.scroll-to-top:before,
.scroll-to-nl:before {
	content: "";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.scroll-to-top > span {
	bottom: -50px;
}

.scroll-to-top:before {
	content: "\e904";
	position: absolute;
	bottom: 0;
	left: 0;
}

.scroll-to-nl > span {
	top: -50px;
}

.scroll-to-nl:before {
	content: "\e905";
	position: absolute;
	top: 0;
	left: 0;
}


.section .ts {
	background: #fff;
	padding: 0;
}

.section .ts > * {
	font-family: 'Neuzeit Grotesk Bold';
	padding: 0 50px;
	letter-spacing: 1px;
}

.section .ts > * {
	max-width: 500px;
}

.section .ts > h3,
.section .ts > .h3 {
	font-family: 'Playfair Display', serif !important;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 2px !important;
	margin-bottom: 10px;
}

.section.salon-locator .ts > h3,
.section.salon-locator .ts > .h3 {
	max-width: 900px;
}

.section.bk,
.section.bk .ts {
	background: #000;
}

.section.dg,
.section.dg .ts {
	background: #1f1f1f;
}

.section.lg,
.section.lg .ts {
	background: #f3f1f1;
}

.section.lg .more-btn-thumb {
	background: #f3f1f1;
	border-color: #f3f1f1;
}

.section.lg.salon-locator + .section.popular .more-btn-thumb,
.page.single .section.lg .more-btn-thumb {
	background: #fff;
	border-color: #fff;
}

.section.lg .top-section + .dossiers-posts .more-btn-thumb {
	background: #fff;
	border-color: #fff;
}

.ts.wh,
.section .ts.wh {
	background: #fff;
}

.ts.gr,
.section .ts.gr {
	background: #f3f1f1;
}


.section.dg .ts h1,
.section.dg .ts h2,
.section.dg .ts h3,
.section.dg .ts h4,
.section.dg .ts h5,
.section.dg .ts h6,
.section.dg .ts p,
.section.dg .ts a

.section.bk .ts h1,
.section.bk .ts h2,
.section.bk .ts h3,
.section.bk .ts h4,
.section.bk .ts h5,
.section.bk .ts h6,
.section.bk .ts p,
.section.bk .ts a {
	color: #fff;
}





/*
 * SECTION LABEL
 */

.section-label {
	-webkit-transform: translateX(-100%) rotate(-90deg);
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
	color: #000;
	opacity: .03;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 150px;
	line-height: 150px;
	font-weight: normal;
	text-transform: uppercase;
	position: absolute;
	top: -30px;
	left: 0;
	letter-spacing: 5px;
}






/*
 * GRIDS
 */

.grid-container {
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}

.page .grid-container {
	padding-top: 100px;
}

.page.categoria .grid-container {
	padding-top: 250px;
}

body.cookies .page.categoria .grid-container {
	padding-top: 300px;
}

.page .intro-section + .grid-container {
	margin-top: -100px;
}

.grid-col {
	position: relative;
}

.grid-container .thumb-container,
.grid-container .more-btn-thumb {
	position: relative;
	margin-bottom: 50px;
}

.grid-container .sbb-thumb {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.grid-container .sbb-thumb.pub.yellow {
	display: inline-block;
	background: #ecd773;
	width: 300px;
	height: 300px;
	text-align: center;
}

.grid-container .sbb-thumb.pub.yellow .thumb-desc {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid-container .sbb-thumb.pub.yellow .thumb-desc > .desc {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 0 25px;
	padding-top: 115px;
}

.grid-container .sbb-thumb.pub.yellow .thumb-desc > .desc p {

}

.grid-container .sbb-thumb.pub.yellow .thumb-desc > .desc span {
	display: block;
	font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    margin-top: 25px;
    margin-bottom: 25px;
    position: absolute;
	width: 100%;
	/*top: 75px;*/
	top: 115px;
	left: 0;
}

.grid-container .sbb-thumb.pub.yellow .thumb-desc > .desc span.pub-cat {
	
}

.grid-container .sbb-thumb.pub.yellow .pub-cat {
	
}

.grid-container .sbb-thumb.pub.yellow .pub-title {
	
}

.grid-container .sbb-thumb.pub.yellow .pub-active {
	
}

.grid-container .sbb-thumb.pub.yellow .pub-hover {
	display: none;
}

.grid-container .sbb-thumb.pub.yellow .pub-hover p + p {
	margin-top: 10px;
}

.grid-container .sbb-thumb.pub.yellow .pub-hover .ph1 {
	font-size: 16px;
	line-height: 16px;
}

.grid-container .sbb-thumb.pub.yellow .pub-hover .ph2 {
	font-family: 'Neuzeit Grotesk Regular';
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: 2px;
}


.grid-container .more-btn-thumb {
    margin-top: -25px;
}

.grid-col.left {
	width: 50%;
	float: left;
	text-align: right;
	padding-left: 25px;
}

.grid-col.left .thumb-container,
.grid-col.left .sbb-thumb,
.grid-col.left .more-btn-thumb {
	clear: right;
	float: right;
}

.grid-col.left .thumb-container {
	padding-right: 50px;
    margin-right: -25px;
}

.grid-col.left .thumb-container:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
}

.grid-col.right {
	width: 50%;
	float: right;
	text-align: left;
	padding-right: 25px;
}

.grid-col.right .thumb-container,
.grid-col.right .sbb-thumb,
.grid-col.right .more-btn-thumb {
	float: left;
	clear: left;
}

.grid-col.right .thumb-container {
	padding-left: 50px;
    margin-left: -25px;
}





/*
 * GRID THUMBS
 */ 

.grid-container .sbb-thumb .thumb-img {
	position: relative;
	z-index: 2;
}

.grid-container .sbb-thumb .thumb-img img {
	position: relative;
	z-index: 1;
	width: 100%;
    height: auto;
}


/*
 * vid
 */

.grid-container .sbb-thumb .yt-vid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	/*position: relative;
	height: 0;
	padding-bottom: 56.25%;*/
}

.grid-container .sbb-thumb iframe {
	position: relative;
	z-index: 1;
	width: 100%;
    height: auto;

	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.grid-col.left .sbb-thumb iframe {
	left: auto;
	right: 0;
}

.grid-col.right .sbb-thumb iframe {
	right: auto;
	left: 0;
}



/*
 * label
 */

.thumb-label {
	position: absolute;
	top: 0;
}

.thumb-label .post-cat.vert {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.grid-col.left .thumb-label {
	right: 100%;
	margin-right: 15px;
}

.grid-col.right .thumb-label {
	left: 100%;
	margin-left: 15px;
}



/*
 * hover
 */

.grid-container .sbb-thumb .thumb-hover,
.grid-container .sbb-thumb .thumb-active {
	opacity: 0;
	display: inline-block;
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	text-align: left;
}

.grid-container .sbb-thumb .thumb-active {
	opacity: 1;
}

.grid-container .sbb-thumb.dossier .thumb-hover,
.grid-container .sbb-thumb.dossier_pro .thumb-hover {
	width: auto;
    height: auto;
    padding: 0;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    background: none;
}

.grid-container .sbb-thumb.dossier .thumb-hover,
.grid-container .sbb-thumb.dossier_pro .thumb-hover {
	background: none !important;
}

.grid-col.left .sbb-thumb .thumb-hover,
.grid-col.left .sbb-thumb .thumb-active {
	right: 0;
	padding-left: 50px;
	padding-right: 50px;
}

.grid-col.right .sbb-thumb .thumb-hover,
.grid-col.right .sbb-thumb .thumb-active {
	left: 0;
	padding-left: 0;
	padding-right: 100px;
}

.grid-col.right .sbb-thumb .thumb-active {
	padding-left: 50px;
	padding-right: 50px;
}

.grid-container .sbb-thumb .desc {
	display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.grid-container .sbb-thumb .thumb-hover h3,
.grid-container .sbb-thumb .thumb-active h3,
.grid-container .sbb-thumb .thumb-hover p,
.grid-container .sbb-thumb .thumb-active p {
	color: #fff;
	max-width: 270px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.grid-container .thumb-container .sbb-thumb .thumb-hover p {
	margin-top: 0;
	opacity: 0;
}

.grid-container .thumb-container.hover .sbb-thumb .thumb-hover p {
	margin-top: 15px;
	opacity: 1;
}

.grid-container .sbb-thumb .thumb-hover h3,
.grid-container .sbb-thumb .thumb-active h3 {
	font-family: 'Neuzeit Grotesk Bold';
}

.grid-container .sbb-thumb .thumb-hover p,
.grid-container .sbb-thumb .thumb-active p {
	margin-top: 15px;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}


/*
 * btns
 */

.grid-container .sbb-thumb .fav-btn,
.grid-container .sbb-thumb .more-btn,
.grid-container .sbb-thumb .more-btn-icn,
.grid-container .sbb-thumb .more-btn-full {
	position: absolute;
	z-index: 2;
	bottom: 0;
}

.grid-container .sbb-thumb .more-btn-full {
	position: absolute;
    top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.grid-col.left .sbb-thumb .more-btn-full {
	left: 0;
}

.grid-col.right .sbb-thumb .more-btn-full {
	right: 0;
}

.grid-container .sbb-thumb .more-btn-icn {
	display: inline-block;
	z-index: 3;
	width: 50px;
	height: 50px;
	font-size: 0;
	line-height: 50px;
	right: 0;
	text-align: center;
	background: #000;
	color: #fff;
}

.grid-container .sbb-thumb .fav-btn {
	display: inline-block;
	z-index: 3;
	width: 75px;
	height: 75px;
	line-height: 75px;
	right: 0;
	top: 0;
	bottom: auto;
	color: #fff;
}

.grid-container .sbb-thumb .fav-btn:after {
	content: "";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 75px;
}

.grid-container .sbb-thumb .fav-btn.add:after {
	content: "\e92a";
}

.grid-container .sbb-thumb .fav-btn.remove:after {
	content: "\e92c";
}

.grid-container .sbb-thumb .more-btn {
	right: 0;
	text-align: right;
}

/*
 * title
 */

.thumb-title {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.grid-col.left .thumb-title {
	text-align: right;
}

.grid-col.right .thumb-title {
	text-align: left;
}

.thumb-title > .pdate,
.thumb-hover .desc > .pdate,
.thumb-active .desc > .pdate {
	display: block;
	font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
	color: #ecd773;
	margin-bottom: 5px;
}

.thumb-title > .pbrand,
.thumb-hover .desc > .pbrand,
.thumb-active .desc > .pbrand,
.thumb-title > .ptrainer,
.thumb-hover .desc > .ptrainer,
.thumb-active .desc > .ptrainer,
.thumb-title > .plabel,
.thumb-hover .desc > .plabel,
.thumb-active .desc > .plabel {
	display: block;
    text-transform: uppercase;
    font-family: 'Neuzeit Grotesk Light';
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #3f3f3f;
    margin-top: 10px;
}

.thumb-hover .desc > .pbrand,
.thumb-active .desc > .pbrand,
.thumb-hover .desc > .ptrainer,
.thumb-active .desc > .ptrainer,
.thumb-hover .desc > .plabel,
.thumb-active .desc > .plabel {
	color: #fff;
}

.thumb-title > .plabel.dossier,
.thumb-hover .desc > .plabel.dossier,
.thumb-active .desc > .plabel.dossier {
	text-transform: uppercase;
	color: #ecd773;
	margin-top: 0;
	margin-bottom: 10px;
}



/*
 * FEATURED PRODUCTS
 */

.featured-products {
	width: 100%;
	overflow: hidden;
	background: #f3f1f1;
}

.section.produtos {
	background: none;
}

.section.produtos .bottom-section {
	height: 50px;
}

.section.produtos .bottom-section .ts > * {
	padding: 0;
}


.featured-product {
	position: relative;
	display: table;
	width: 20%;
	height: 100%;
	float: left;
	cursor: pointer;
	outline: none;
}

/*
 * product-img
 */

.product-img {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	z-index: 2;
	width: 30%;
	padding-bottom: 20px;
}

.slick-current .product-img {
	padding-top: 0 !important;
}

.product-img > img {
	pointer-events: none;
	cursor: default;
	display: inline-block;
	width: 200%;
	margin-right: -50px;
	height: auto;
	max-height: 100%;
}

/*
 * product-desc
 */

.product-desc {
	display: table-cell;
	/*vertical-align: middle;*/
	vertical-align: top;
	position: relative;
	z-index: 1;
	width: 70%;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.product-desc-wrp {
	/*padding: 160px 50px 75px 20%;*/
	padding: 160px 0 60px 0;
	width: 50%;
	float: right;
	margin-right: 40px;
}

.product-desc > * {
	position: relative;
	z-index: 2;
}

.product-desc:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	background: #ecd773;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1;
}

.featured-product:hover .product-desc:before {
	width: 100%;
}

.product-desc .cat-icn {
	display: block;
    float: none;
    margin: 0 auto;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: 10px;
    height: 50px !important;
}

.product-brand,
.product-programme {
	display: block;
    text-transform: uppercase;
    font-family: 'Neuzeit Grotesk Regular';
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    letter-spacing: 1px;
    color: #3f3f3f;
}

.product-brand {
	margin-top: -30px;
}

.product-programme {
	margin-top: 5px;
}

.product-buttons {
	position: absolute;
	width: 50%;
	bottom: 20px;
    right: 0;
    margin-right: 40px;
}

.product-desc h5,
.product-desc .h5 {
	font-family: 'Neuzeit Grotesk Bold';
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.product-desc p {
	opacity: 0;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #1f1f1f;
	/*margin-top: 25px;*/
	margin-top: 15px;
	padding-top: 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.product-desc p {
	opacity: 1;
	padding-top: 0;
	padding-bottom: 15px;
}

/*.slick-current .product-desc p {
	opacity: 1;
	padding-top: 0 !important;
	padding-bottom: 15px !important;
}*/

.product-desc .ud-more,
.product-desc .ud-buy {
	display: block;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    text-decoration: underline;
    padding: 0;
    text-transform: none;
    margin-right: 10px;
    margin-top: 5px;
    font-family: 'Neuzeit Grotesk Bold';
    outline: none;
}




/*
 * FAVORITOS
 */

.section.favoritos .intro-section .empty {
	display: none;
}

.section.favoritos.empty .page-filters {
	display: none;
}

.section.favoritos.empty .intro-section .default {
	display: none;
}

.section.favoritos.empty .intro-section .empty {
	display: block;
}




/*
 * POPULAR/RELATED POSTS
 */

.section.popular,
.section.related,
.page .section.dossiers {
	padding: 0;
}

.page.dossiers .section.dossiers {
	margin-top: 150px;
}

body.cookies .page.dossiers .section.dossiers {
	margin-top: 200px;
}

.page .section-header + .section.dossiers {
	background: #f3f1f1;
}

.page .section-header + .section.dossiers .dossiers-posts {
	background: #fff;
}

.page .section-header + .section.dossiers .dossiers-posts .more-btn-thumb {
	background: #fff;
	border-color: #fff;
}

.popular-posts .post-thumb,
.related-posts .post-thumb,
.page .section.dossiers .post-thumb,
.slider-dossier .post-thumb {
	display: inline-block;
	position: relative;
	float: left;
}

.popular-posts .post-thumb img,
.related-posts .post-thumb img,
.page .section.dossiers .post-thumb img,
.slider-dossier .post-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.popular-posts .post-img,
.related-posts .post-img,
.page .section.dossiers .post-img,
.slider-dossier .post-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.popular-posts .post-cat,
.related-posts .post-cat {
	position: absolute;
	z-index: 4;
	top: 25px;
	left: 25px;
}

.popular-posts .post-desc,
.related-posts .post-desc,
.page .section.dossiers .post-desc,
.slider-dossier .post-desc {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	/*display: table;*/
	width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popular-posts .post-desc:before,
.related-posts .post-desc:before,
.page .section.dossiers .post-desc:before,
.slider-dossier .post-desc:before {
	content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .35;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

.popular-posts .post-desc .desc,
.related-posts .post-desc .desc,
.page .section.dossiers .post-desc .desc,
.slider-dossier .post-desc .desc {
	position: relative;
    z-index: 3;
	/*display: table-cell;
	vertical-align: middle;
	width: 100%;
    height: 100%;*/
    padding: 50px 25px 0 25px;
}

.slider-dossier .post-desc .desc {
	padding: 0 25px;
}

.popular-posts .post-desc h1,
.related-posts .post-desc h1,
.page .section.dossiers .post-desc h1,
.slider-dossier .post-desc h1,

.popular-posts .post-desc h2,
.related-posts .post-desc h2,
.page .section.dossiers .post-desc h2,
.slider-dossier .post-desc h2,

.popular-posts .post-desc h3,
.related-posts .post-desc h3,
.page .section.dossiers .post-desc h3,
.slider-dossier .post-desc h3,

.popular-posts .post-desc h4,
.related-posts .post-desc h4,
.page .section.dossiers .post-desc h4,
.slider-dossier .post-desc h4,

.popular-posts .post-desc h5,
.related-posts .post-desc h5,
.page .section.dossiers .post-desc h5,
.slider-dossier .post-desc h5,

.popular-posts .post-desc h6,
.related-posts .post-desc h6,
.page .section.dossiers .post-desc h6,
.slider-dossier .post-desc h6,

.popular-posts .post-desc p,
.related-posts .post-desc p,
.page .section.dossiers .post-desc p,
.slider-dossier .post-desc p {
	color: #fff;
	letter-spacing: 1px;
	font-family: 'Neuzeit Grotesk Bold';
}

.popular-posts .post-desc .desc > span,
.page .section.dossiers .post-desc .desc > span,
.page .section.dossiers .post-desc .desc > span,
.slider-dossier .post-desc .desc > span {
	display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ecd773;
}

.popular-posts .post-desc p,
.related-posts .post-desc p,
.page .section.dossiers .post-desc p,
.slider-dossier .post-desc p {
	font-family: 'Neuzeit Grotesk Light';
}

.popular-posts .post-desc .dtitle,
.related-posts .post-desc .dtitle,
.page .section.dossiers .post-desc .dtitle,
.slider-dossier .post-desc .dtitle {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.popular-posts .post-desc .dtitle + p,
.related-posts .post-desc .dtitle + p,
.page .section.dossiers .post-desc .dtitle + p,
.slider-dossier .post-desc .dtitle + p {
	margin-top: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.slider-dossier .post-desc .dtitle + p {
	display: none !important;
}



/*
 * DOSSIERS
 */

.dossiers-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.dossier-thumb {
	position: relative;
	z-index: 1;
}

.dossier-thumb img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dossier-desc {
	display: table;
	position: relative;
	z-index: 2;
	color: #fff;
	width: 100%;
	height: 100%;
}

.dossier-desc .desc {
	position: relative;
	z-index: 2;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	padding: 0 30px;
}

.dossier-label {
	display: block;
	color: #ecd773;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

.dossier-desc .dtitle,
.dossier-desc p,
.dossier-desc a {
	font-family: 'Neuzeit Grotesk Regular';
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dossier-desc p {
	font-family: 'Neuzeit Grotesk Light';
	font-size: 18px;
	line-height: 24px;
	margin-top: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dossier-desc:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .35;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.dossier-thumb,
.dossiers-container .more-btn-thumb {
	position: relative;
	display: inline-block;
	float: left;
	overflow: hidden;
}

.dossiers-container .more-btn-thumb {
	width: 100%;
	height: 100%;
}


/*
 * d1
 */

.dossier-thumb.d1 {
	width: 30%;
	height: 100%;
}

/*
 * d2
 */

.dossier-thumb.d2 {
	width: 70%;
	height: 50%;
}

.dossier-thumb.d2 .dossier-desc h1,
.dossier-thumb.d2 .dossier-desc h2,
.dossier-thumb.d2 .dossier-desc h3,
.dossier-thumb.d2 .dossier-desc h4,
.dossier-thumb.d2 .dossier-desc h5,
.dossier-thumb.d2 .dossier-desc h6,

.dossier-thumb.d2 .dossier-desc .h1,
.dossier-thumb.d2 .dossier-desc .h2,
.dossier-thumb.d2 .dossier-desc .h3,
.dossier-thumb.d2 .dossier-desc .h4,
.dossier-thumb.d2 .dossier-desc .h5,
.dossier-thumb.d2 .dossier-desc .h6,

.dossier-thumb.d2 .dossier-desc p {
	width: 100%;
	max-width: 350px;
}

/*
 * d3
 */

.dossier-thumb.d3 {
	width: 50%;
	height: 50%;
}

.dossier-thumb.d3 .dossier-desc h1,
.dossier-thumb.d3 .dossier-desc h2,
.dossier-thumb.d3 .dossier-desc h3,
.dossier-thumb.d3 .dossier-desc h4,
.dossier-thumb.d3 .dossier-desc h5,
.dossier-thumb.d3 .dossier-desc h6,

.dossier-thumb.d3 .dossier-desc .h1,
.dossier-thumb.d3 .dossier-desc .h2,
.dossier-thumb.d3 .dossier-desc .h3,
.dossier-thumb.d3 .dossier-desc .h4,
.dossier-thumb.d3 .dossier-desc .h5,
.dossier-thumb.d3 .dossier-desc .h6,

.dossier-thumb.d3 .dossier-desc p {
	width: 100%;
	max-width: 250px;
}





/*
 * KITS
 */

.section.kits {
	
}

.section.kits .intro-section {
	padding-bottom: 0 !important;
}

.section.kits .section-content {
	overflow: hidden;
	padding-top: 50px !important;
	padding-bottom: 0 !important;
}

.section.kits .kits-container {
	width: auto;
	margin: 0 -25px;
}

.section.kits .kit {
	cursor: pointer;
	position: relative;
	z-index: 2;
	display: inline-block;
	float: left;
	width: 16.666666%;
    position: relative;
    padding: 0 25px;
    margin-bottom: 25px;
}

.section.kits .kit-clear2,
.section.kits .kit-clear3,
.section.kits .kit-clear4,
.section.kits .kit-clear5,
.section.kits .kit-clear6 {
	display: none;
	width: 100%;
	clear: both;
}

.section.kits .kit-clear6 {
	display: block;
}

.section.kits .kit.more {
	z-index: 1;
}

.section.kits .kit.more.disabled {
	display: none !important;
}

.section.kits .kit-img {
	position: relative;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.section.kits .kit-img img {
	width: 100%;
	height: auto;
}

.section.kits .kit-desc {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: right;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.kit-desc a,
.kit-desc p {
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
}

.kit-desc a {
	text-decoration: none;
}

.section.kits .kit-btns {
	display: inline-block;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: rgba(0,0,0,.25);
}

.section.kits .kit-btns a {
	text-decoration: none;
}

.section.kits .kit-btns .download-btn {
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	right: 0;
	top: 0;
    color: #fff;
}

.section.kits .kit-btns .more-full-btn {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.section.kits .kit-btns .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

.section.kits .kit-btns .more-btn-icn {
	right: 0;
	display: inline-block;
    z-index: 3;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 0;
    text-align: center;
    background: #000;
    color: #fff;
}

.section.kits .more-btn-thumb {
	margin-top: -25px;
	margin-left: -25px;
}



/*
 * HISTÓRIAS DE SALÃO
 */

.section.historias {
	margin-top: 50px;
	margin-bottom: 50px;
}

.page.historias-de-salao .section.historias,
.page.categoria_historia .section.historias {
	margin-top: 0;
	margin-bottom: 0;
}



/*
 * SALON LOCATOR - SECTION
 */


/*
 * salon filters
 */

.filtros-marcas {
    height: 300px;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
}

.filtros-marcas .i-group {

}

.filtros-marcas .i-check {
	width: 20%;
	float: left;
}



/*
 * salon form
 */

.section.salon-locator {
	
}

.section.salon-locator .ts {
	vertical-align: bottom;
}

.section.salon-locator .section-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.salon-form input {
	font-size: 50px;
}

.salon-form .input-placeholder {
	font-size: 29px;
}

.salon-form input::-webkit-input-placeholder {
	font-size: 50px;
}

.salon-form input:-moz-placeholder {
	font-size: 50px;
}

.salon-form input::-moz-placeholder {
	font-size: 50px;
}

.salon-form input:-ms-input-placeholder {  
	font-size: 50px;
}


/*
 * filtros
 */

.filtros-marcas {

}

/*
 * form
 */

.salon-form {
	position: relative;
	padding-bottom: 200px;
	padding-right: 100px;
}

.salon-form .form-input {
	width: 100%;
	position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
	padding-right: 150px;
}

.salon-form.en .form-input {
	padding-right: 165px;
}

.salon-form input {
	width: 100%;
}

.salon-form .form-btns {
	float: right;
	position: relative;
	z-index: 2;
}

.salon-form button {
	
}

.salon-form .geo-btn {
	float: left;
	background: none;
	color: #000;
}

.salon-form .locate-btn {
	float: right;
}


/*
 * pac container
 */

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }


.pac-container,
.autocomplete-suggestions {
    z-index: 10000 !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
    border: none !important;
    border-top: 1px solid #ecd773 !important;
    margin-top: -1px;
	max-height: 200px;
	height: 200px;
    padding: 0;
    background: none !important;
}

.autocomplete-suggestions {
	max-height: 1000px;
    height: auto;
}

.pac-container:after {
    background-image: none !important;
    height: 0px;
}

.pac-item,
.autocomplete-suggestion {
	cursor: pointer;
	border: none !important;
    padding: 0 !important;
    line-height: 40px;
    color: #000;
    background: #f3f1f1;
}

.autocomplete-suggestion {
	position: relative;
	width: 100%;
	display: table;
}

.autocomplete-suggestion.dk {
	background: #000;
}

.autocomplete-suggestion + .autocomplete-suggestion:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	background: #cbcbcb;
}

.autocomplete-suggestion + .autocomplete-suggestion.dk:after {
	background: #646464;
}

.pac-icon {
	display: none !important;
}

.acs-img {
	width: 65px;
	display: table-cell;
	padding: 5px 15px 5px 5px;
}

.acs-img img {
	width: 100%;
	height: auto;
}

.acs-label {
	display: block;
	font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #cbcbcb;
    margin-top: 10px;
    margin-bottom: -2px;
}

.autocomplete-suggestion.dk .acs-label {
	color: #646464;
}

.autocomplete-suggestion.sm .acs-label {
	margin-top: 5px;
    margin-bottom: 3px;
}

.pac-item-query,
.acs-item-query {
	padding: 0 !important;
    text-align: left;
}

.acs-item-query {
	display: table-cell;
	vertical-align: middle;
}

.pac-item,
.autocomplete-suggestion,
.pac-item-query,
.acs-item-query {
	font-family: 'Neuzeit Grotesk Regular' !important;
	font-size: 28px;
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
    color: #cbcbcb;
}

.autocomplete-suggestion.dk,
.autocomplete-suggestion.dk .acs-item-query {
	color: #646464;
}

.autocomplete-suggestion.sm,
.autocomplete-suggestion.sm .acs-item-query {
	font-size: 20px;
    line-height: 26px;
}

.autocomplete-suggestion.ni .acs-item-query {
	padding: 5px 15px !important;
}

.pac-matched,
.acs-matched {
	color: #000;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.autocomplete-suggestion.dk .acs-matched {
	color: #cbcbcb;
}

.pac-item span:before {
	content: ',';
	display: inline-block;
	margin-right: 10px;
}

.pac-item-query:before,
.pac-matched:before {
	content: none !important;
	display: none !important;
	margin-right: 0 !important;
}


.pac-item:hover,
.autocomplete-suggestion:hover {
	background: #000;
}

.autocomplete-suggestion.dk:hover {
	background: #fff;
	color: #cbcbcb;
}

.autocomplete-suggestion.dk:hover .acs-item-query {
	color: #cbcbcb;
}

.autocomplete-suggestion.dk:hover .acs-label {
	color: #cbcbcb;
}

.pac-item:hover .pac-matched,
.autocomplete-suggestion:hover .acs-matched {
	color: #fff;
}

.autocomplete-suggestion.dk:hover .acs-matched {
	color: #000;
}


/*
 *  SALON LOCATOR - PAGE
 */


.section.salons-locator {
	
}

.section.salons-locator .sl-search {
	position: relative;
	z-index: 2;
	padding: 50px 50px 50px 350px;
}

.section.salons-locator .filtros-marcas {
	padding: 0;
	height: auto;
	padding-bottom: 50px;
	padding-left: 50px;
}

.section.salons-locator .salon-form {
	display: inline-block;
	width: 100%;
	padding: 0;
}

.section.salons-locator .salon-filters {
	
}

.section.salons-locator .salon-filters .filter-btn {
	width: auto;
	background: #fff;
	padding-left: 50px !important;
	position: absolute;
    left: 302px;
    bottom: -49px;
}

.section.salons-locator .salon-filters .filtros-marcas {
	display: none;
	padding: 50px 0 0 0;
}

.section.salons-locator .salon-filters.open .filtros-marcas {
	display: inline-block;
}

.section.salons-locator .salon-filters .filtros-marcas .i-check {
	width: 20%;
}

.section.salons-locator .salon-filters .filter-btn .arrow {
	position: relative;
	float: right;
}

.section.salons-locator .salon-filters .filter-btn .arrow:before {
	content: "\e909";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
}

.section.salons-locator .salon-filters.open .filter-btn .arrow:before {
	content: "\e908";
}

.section.salons-locator .sl-list {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	display: inline-block;
	width: 302px;
	float: left;
	background: #f3f1f1;
	overflow: auto;
}

.section.salons-locator .salons-results {
	position: relative;
	z-index: 1;
	clear: both;
	min-height: 100%;
	padding-bottom: 150px;
	padding-top: 50px;
}

.section.salons-locator .salons-results .sl-title {
	font-family: 'Neuzeit Grotesk Bold';
	padding: 0 25px;
	margin-bottom: 25px;
}

.section.salons-locator .salons-results .no-results,
.section.salons-locator .salons-results .searching-salons {
	padding: 0 25px;
}

.section.salons-locator .salons-results .no-results,
.section.salons-locator .salons-results .salons {
	display: none;
}

.section.salons-locator .salons-results .salon {
	padding: 15px 25px;
	border-bottom: 1px solid #d3d3d3;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.section.salons-locator .salons-results .salon.active {
	background: #ecd773;
}

.section.salons-locator .salons-results .salon h6,
.section.salons-locator .salons-results .salon .h6 {
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 10px;
}

.section.salons-locator .salons-results .salon p,
.section.salons-locator .salons-results .salon a {
	font-size: 14px;
	line-height: 19px;
}

.section.salons-locator .salons-results .salon p.tel,
.section.salons-locator .salons-results .salon p.tlmv {
	margin-top: 5px;
}

.section.salons-locator .salons-results .salon p.email {
	margin-top: 5px;
}

.section.salons-locator .salons-results .salon-btns {
	margin-top: 15px;
	overflow: hidden;
}

.section.salons-locator .salons-results .salon-btns a {
	position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 25px;
    letter-spacing: 1px;
	padding: 0 10px 0 20px;
	cursor:pointer;
}

.section.salons-locator .salons-results .salon-btns a:before {
	content: "";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
	position: absolute;
	left: -19px;
	top: -14px;
}

.section.salons-locator .salons-results .salon-btns a.map-btn:before {
	content: "\e953";
}

.section.salons-locator .salons-results .salon-btns a.gm-btn:before {
	content: "\e954";
}

.section.salons-locator .salons-results .salon-btns a.dist-btn {
	float: right;
}

.section.salons-locator .salons-results .salon-btns a.dist-btn:before {
	content: "\e955";
}

.section.salons-locator .sl-map {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	padding-left: 302px;
	float: right;
	background: #fff;
}

.section.salons-locator .sl-map .content-preloader {
	padding-left: 302px;
}

.section.salons-locator .sl-map .sl-copyrights {
	display: none;
}

#map_canvas {
	width: 100%;
	height: 100%;
	background: #1f1f1f;
}

#map_canvas .infowindow {
	padding: 0;
}

#map_canvas .infowindow h6,
#map_canvas .infowindow .h6 {
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 5px;
}

#map_canvas .infowindow p {
	font-family: 'Neuzeit Grotesk Light';
	font-weight: normal;
}

#map_canvas .infowindow p.city {
	margin-bottom: 15px;
}

#map_canvas .infowindow a {
	
}

#map_canvas .infowindow a.dist-btn {
	position: relative;
	padding-left: 20px;
	margin-top: 15px;
}

#map_canvas .infowindow a.dist-btn:before {
	content: "\e955";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
	position: absolute;
	left: -19px;
	top: -16px;
	color: #aeaeae;
}

#map_canvas .gm-style .gm-style-iw {
	text-align: left;
	padding: 15px 0 10px 0;
}

#map_canvas .gm-style .gm-style-iw + div {
	display: inline-block;
    width: 50px !important;
    height: 50px !important;
    top: -5px !important;
    right: 0px !important;
    opacity: 1 !important;
}

#map_canvas .gm-style .gm-style-iw + div img {
	display: none !important;
}

#map_canvas .gm-style .gm-style-iw + div:before {
	content: "\e91a";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    color: #000;
}

#map_controls {
	position: absolute;
	z-index: 99999;
	bottom: 25px;
	right: 25px;
	width: 50px;
	height: 156px;
}

#map_controls a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #000;
	color: #fff;
	float: left;
	margin: 1px 0;
}

#map_controls .geo-btn {
	color: #000;
	background: #ecd773;
}

#map_controls .map-zoom-btn {

}

#map_controls .map-zoom-btn:before {
	content: "";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
}

#map_controls .map-zoom-btn.in:before {
	content: "\e916";
}

#map_controls .map-zoom-btn.out:before {
	content: "\e956";
}

#map_controls .map-zoom-btn.disabled {

}

#map_marker {
	display: none;
}

.sl-copyrights {
	display: inline-block;
	width: 100%;
	position: absolute;
    left: 0;
    bottom: 0;
	padding: 25px;
	background: #f3f1f1;
}

.sl-copyrights .footer-nav {
	margin-bottom: 15px;
}

.section.salons-locator .sl-copyrights p,
.section.salons-locator .sl-copyrights a {
	color: #3f3f3f;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
}



/*
 * SOCIAL WALL
 */

.section.social {
	overflow: hidden;
}

.social-posts {
	width: 50%;
}

.social-posts.fb {
	float: left;
}

.social-posts.in {
	float: right;
}

.social-post {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 5px;
}

.social-post img {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-post.clear {
	clear: both;
}

.social-post.icn-sm {
	display: none;
}

.social-posts.fb .social-post {
	float: right;
}

.social-posts.in .social-post {
	float: left;
}

.social-posts .post-icn {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.social-posts.fb .post-icn  {
	right: 0;
}

.social-posts.in .post-icn  {
	left: 0;
}

.social-post .post-img {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.social-post .post-img img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.social-post .post-desc,
.yt-container .post-desc {
	position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 75px 25px 25px 25px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.social-post .post-desc span,
.social-post .post-desc p,
.yt-container .post-desc span,
.yt-container .post-desc p {
	color: #fff;
}

.social-post .post-desc .desc span.ml,
.yt-container .post-desc .desc span.ml {
	display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    margin-top: 15px;
    margin-bottom: -15px;
    border: 1px solid #fff;
    padding: 0 15px;
    text-transform: none;
}

.social-post .post-desc:before,
.yt-container .post-desc:before {
	content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-post .post-desc .desc,
.yt-container .post-desc .desc {
	position: relative;
	z-index: 3;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.social-post .post-desc .desc span,
.yt-container .post-desc .desc span {
	display: block;
	color: #ecd773;
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
}

.social-post .post-desc .desc p,
.yt-container .post-desc .desc p {
	font-family: 'Neuzeit Grotesk Light';
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}


/*
 * Youtube videos
 */

.yt-videos {
	clear: both;
	float: left;
	width: 50%;
	overflow: hidden;
	margin-top: -110px;
}

.yt-container {
	position: relative;
	width: 100%;
	min-height: 100px;
	clear: both;
	float: right;
	padding: 10px 5px;
}

.yt-container.sbb-thumb.anim{
	max-width: 480px;
}

.yt-thumb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
}

.yt-thumb img {
	width: 100%;
	height: auto;
	margin-top: -9.4%;
}

.yt-video {
	display: none;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.yt-video > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.yt-videos .post-icn {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/*
 * social icns
 */

.post-icn:before {
	content: "";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 100px;
}

.post-icn.fb:before {
	content: "\e91e";
}

.post-icn.in:before {
	content: "\e91f";
}

.post-icn.yt:before {
	content: "\e920";
}




/*
 * NEWSLETTER
 */

.section.newsletter {
	
}

.section.newsletter-cta .ts.right {
	position: relative;
}

.section.newsletter .ts > *,
.section.newsletter-cta .ts > * {
	padding: 0 !important;
}

.section.newsletter .scroll-to-top,
.section.newsletter-cta .scroll-to-nl {
    margin-left: -1px;
}

.section.newsletter .section-content {
	padding-top: 150px;
	padding-bottom: 150px;
	background: #1f1f1f;
}

.nl-form {
	width: 100%;
	max-width: 700px;
    margin: 0 auto;
}

.nl-form-msgs {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
}

.nl-form-msgs h6,
.nl-form-msgs .h6 {
	display: none;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 18px;
    line-height: 24px;
    font-weight: normal;
	color: #fff;
}

.nl-form-msgs a{
	font-family: 'Neuzeit Grotesk Light';
	font-size: 18px;
    line-height: 24px;
    font-weight: normal;
	color: #fff;
}

.section.newsletter-cta h6,
.section.newsletter-cta .h6 {
	font-family: 'Neuzeit Grotesk Light';
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
}

.nl-form-msgs h6.default {
	display: block;
}


#mc_embed_signup {
	position: relative;
}



/*
 * NEWSLETTER CTA
 */

.section.newsletter-cta {
	display: none;
	position: fixed;
    width: 100%;
    z-index: 4;
    right: 0;
    bottom: 0;
    background: none;
}

.section.newsletter-cta .ts.left {
	background: none;
}




/*
 * MARCAS
 */

.section.marcas {
	padding: 0 200px;
	overflow: hidden;
	text-align: center;
}

.section.marcas .logo-marca {
	display: inline-block;
	/*float: left;*/
	width: 19%;
	opacity: .3;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-align: center;
}

.section.marcas .logo-marca > img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 200px;
	height: auto;
}


/*
 * side-footer
 */

.copyrights {
	position: relative;
	z-index: 2;
    padding: 0 200px;
    margin: 0;
    background: #000;
    width: 100%;
    height: 50px;
}

.copyrights p,
.copyrights a {
	font-size: 14px;
	line-height: 50px;
	color: #3f3f3f;
}

.copyrights a {
	display: inline-block;
	position: relative;
}

.copyrights p.cr {
	text-align: left;
	float: left;
	margin-left: 25px;
}

.copyrights .footer-nav {
	float: right;
	text-align: left;
	margin-right: 25px;
}

.copyrights .footer-nav li {
	position: relative;
	float: left;
	padding-left: 15px;
	margin-left: 15px;
}

.copyrights .footer-nav li + li:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #3f3f3f;
	position: absolute;
	top: 20px;
	left: 0;
}


/*
 * SLICK
 * -------------------------------------------------------------------------------------------
 */

.slick-arrow,
.gallery .slick-arrow,
.popup-nav-prev,
.popup-nav-next,
.cal-nav-prev,
.cal-nav-next {
	padding: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #000;
    font-size: 0;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	text-align: left;
}

.slick-arrow.active,
.gallery .slick-arrow.active,
.popup-nav-prev.active,
.popup-nav-next.active,
.cal-nav-prev.active,
.cal-nav-next.active   {
	width: 100px;
	color: #000;
	background: #ecd773;
}

.gallery.with-arrows {
	padding-bottom: 60px;
	margin-bottom: -25px;
}


/*
 * next
 */

.slick-next-btn,
.popup-nav-next,
.cal-nav-next {
	right: 0;
	text-align: left;
}

.slick-next-btn.active,
.popup-nav-next.active,
.cal-nav-next.active {
	right: 0;
}

.gallery .slick-next {
	right: 5px;
	text-align: left;
}

.gallery .slick-next.active {
	right: 5px;
}

/*
 * prev
 */

.slick-prev-btn,
.popup-nav-prev,
.cal-nav-prev {
	right: 50px;
	text-align: right;
}

.slick-prev-btn.first,
.popup-nav-prev.first,
.cal-nav-prev.first {
	right: 100px;
}

.slick-prev-btn.active,
.popup-nav-prev.active,
.cal-nav-prev.active {
	right: 50px;
}

.slick-prev-btn.slick-disabled,
.popup-nav-prev.slick-disabled,
.cal-nav-prev.slick-disabled {
	right: 100px;
}

.gallery .slick-prev {
	right: 55px;
	text-align: right;
}

.gallery .slick-prev.first {
	right: 105px;
}

.gallery .slick-prev.active {
	right: 55px;
}

.gallery .slick-prev.slick-disabled {
	right: 5px;
}


.popup-nav-next.active,
.popup-nav-prev.active {
	background: #fff;
}


/*
 * slick dots
 */

ul.slick-dots {
	position: absolute;
	top: -15px;
	right: 0;
}

.gallery ul.slick-dots {
	top: auto;
	bottom: 0;
	right: 10px;
}

.gallery.kit ul.slick-dots {
	top: auto;
	bottom: 8px;
	right: 35px;
}

ul.slick-dots li {
	display: inline-block;
}

ul.slick-dots button {
	padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    font-size: 0;
    background: #e0e0e0;
    margin-left: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

ul.slick-dots li.slick-active button {
	background: #ecd773;
	width: 15px;
}




/* 
 * POST CAT
 * -------------------------------------------------------------------------------------------
 */

.post-cat {
	display: inline-block;
}

.top-image .post-cat {
	height: auto !important;
}

.post-cat.vert {
	width: 16px;
	position: absolute;
	top: 20px;
	left: 15px;
}

.post-cat.vert.l {
	right: auto;
	left: 15px;
}

.post-cat.vert.r {
	left: auto;
	right: -15px;
}

.cat-name {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	float: right;
	color: #000;
}

.post-cat.yellow .cat-name {
	color: #ecd773;
}

.post-cat.wh .cat-name {
	color: #fff;
}

.post-cat.vert .cat-name {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-100%) rotate(-90deg); /* Safari */
    -moz-transform: translateX(-100%) rotate(-90deg); /* Firefox 3.6 Firefox 4 */
    -ms-transform: translateX(-100%) rotate(-90deg); /* IE9 */
    -o-transform: translateX(-100%) rotate(-90deg); /* Opera */
    transform: translateX(-100%) rotate(-90deg); /* W3C */  
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    float: none;
    margin-left: 0;
}

.cat-icn {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 16px;
	float: left;
	margin-right: 10px;
	color: #000;
}

.post-cat.wh .cat-icn {
	color: #fff;
}

.post-cat.vert .cat-icn {
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 0;
	width: 16px;
	height: 50px;
	float: none;
}

.post-cat.vert .cat-name + .cat-icn {
	top: auto;
	bottom: 0;
}

.cat-icn:after {
	position: absolute;
	top: 0;
	left: -17px;
	font-size: 50px;
}

.post-cat.horiz .cat-icn:after {
	top: -18px;
	left: auto;
	right: 0;
}

.pub-cat {
	position: relative;
	text-align: center;
}

.pub-cat:after {
	font-size: 100px;
	position: absolute;
	top: -115px;
	left: 50%;
	margin-left: -50px;
}


/*
 * cabelo
 */

.cat-icn.cabelo:after,
.cat-icn.hair:after {
	content: "\e936";
}

.pub-cat.cabelo:after,
.pub-cat.hair:after {
	content: "\e93c";
}

.post-cat.horiz .cat-icn.cabelo:after,
.post-cat.horiz .cat-icn.hair:after {
	content: "\e942";
}

.post-cat.vert .cat-icn.cabelo:after,
.post-cat.vert .cat-icn.hair:after {
	content: "\e939";
}

.post-cat.horiz .cat-icn.cabelo,
.post-cat.horiz .cat-icn.hair {
    margin-left: -17px;
}

.related-posts .post-cat .cat-icn.cabelo,
.popular-posts .post-cat .cat-icn.cabelo,
.related-posts .post-cat .cat-icn.hair,
.popular-posts .post-cat .cat-icn.hair {
    margin-left: -2px;
}

.popular-posts .post-cat .cat-icn.cabelo:after,
.related-posts .post-cat .cat-icn.cabelo:after,
.popular-posts .post-cat .cat-icn.hair:after,
.related-posts .post-cat .cat-icn.hair:after {
	content: "\e939";
}


/*
 * pele
 */

.cat-icn.pele:after,
.cat-icn.skin:after {
	content: "\e938";
}

.pub-cat.pele:after,
.pub-cat.skin:after {
	content: "\e93e";
}

.post-cat.horiz .cat-icn.pele:after,
.post-cat.horiz .cat-icn.skin:after {
	content: "\e944";
}

.post-cat.vert .cat-icn.pele:after,
.post-cat.vert .cat-icn.skin:after {
	content: "\e93b";
}

.post-cat.horiz .cat-icn.pele,
.post-cat.horiz .cat-icn.skin {
    margin-left: -39px;
}

.related-posts .post-cat .cat-icn.pele,
.popular-posts .post-cat .cat-icn.pele,
.related-posts .post-cat .cat-icn.skin,
.popular-posts .post-cat .cat-icn.skin {
    margin-left: -2px;
}

.popular-posts .post-cat .cat-icn.pele:after,
.related-posts .post-cat .cat-icn.pele:after,
.popular-posts .post-cat .cat-icn.skin:after,
.related-posts .post-cat .cat-icn.skin:after {
	content: "\e93b";
}


/*
 * unhas
 */

.cat-icn.unhas:after,
.cat-icn.nails:after {
	content: "\e937";
}

.pub-cat.unhas:after,
.pub-cat.nails:after {
	content: "\e93d";
}

.post-cat.horiz .cat-icn.unhas:after,
.post-cat.horiz .cat-icn.nails:after {
	content: "\e943";
}

.post-cat.vert .cat-icn.unhas:after,
.post-cat.vert .cat-icn.nails:after {
	content: "\e93a";
}

.post-cat.horiz .cat-icn.unhas,
.post-cat.horiz .cat-icn.nails {
    margin-left: -31px;
}

.related-posts .post-cat .cat-icn.unhas,
.popular-posts .post-cat .cat-icn.unhas,
.related-posts .post-cat .cat-icn.nails,
.popular-posts .post-cat .cat-icn.nails {
    margin-left: -4px;
}

.popular-posts .post-cat .cat-icn.unhas:after,
.related-posts .post-cat .cat-icn.unhas:after,
.popular-posts .post-cat .cat-icn.nails:after,
.related-posts .post-cat .cat-icn.nails:after {
	content: "\e93a";
}


/*
 * calendário
 */

.pub-cat.calendario:after {
	content: "\e949";
    font-size: 50px;
    margin-left: -25px;
    top: -65px;
}



/*
 * post-date
 */

.post-date {
	display: block;
    color: #a1a1a1;
    font-family: 'Neuzeit Grotesk Light';
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 5px;
}





/*
 * FIX GRIDS
 */

.grid-container {
	padding-top: 150px;
}

.section-label {
	top: -100px;
}

.page .section-label {
	position: fixed;
	top: 100px;
}

.section-header + .section .grid-container .section-label,
.intro-section + .grid-container .section-label {
	top: 350px;
}

.page.front .section-label {
	position: absolute;
	top: -100px;
}

.popup-registo{
	display:none;
	position:fixed;
	opacity:0;
	height:500px;
	width:500px;
	left:50%;
	top:0%;
	border:solid 1px black;
	transform:translate(-50%,-50%);
	z-index:9999999;
	animation: animatetop 4s;
	animation-fill-mode: forwards;
	animation-delay: 2s;
	background-color:rgba(0,0,0,.85);
}

.popup-registo .popup-text{
	color:white;
	height:100%;
	vertical-align: middle;
}

/* Add Animation */
@-webkit-keyframes animatetop {
	0% {top:0%}
    100% {top:50%;opacity:1}
}
@keyframes animatetop {
	0% {top:0%}
    100% {top:50%;opacity:1}
}

.section.artigos .top-section {
	margin-bottom: -90px;
}

.section.historias .top-section,
.section.favoritos .top-section,
.section.pro .top-section,
.section.press .top-section  {
	margin-bottom: -125px;
}

.section.artigos .ts > *,
.section.historias .ts > * {
	font-family: 'Neuzeit Grotesk Bold';
	max-width: 700px;
}

.page.historias-de-salao .section.salon-locator,
.page.search-results .section.salon-locator,
.page.favoritos .section.salon-locator,
.page.pro .section.salon-locator,
.page.press .section.salon-locator,
.page.categoria_historia .section.salon-locator,

body.page-template-page-historias-de-salao .pac-item,
body.page-template-page-favoritos .pac-item,
body.page-template-page-pro .pac-item,
body.page-template-page-press .pac-item,
body.tax-categoria_historia .pac-item {
	background: #fff;
}

.page.historias-de-salao .section.salon-locator .ts.left,
.page.search-results .section.salon-locator .ts.left,
.page.favoritos .section.salon-locator .ts.left,
.page.pro .section.salon-locator .ts.left,
.page.press .section.salon-locator .ts.left,
.page.categoria_historia .section.salon-locator .ts.left,
.page.favoritos .section.lg.popular .ts.right,
.page.pro .section.lg.popular .ts.right,
.page.press .section.lg.popular .ts.right {
	background: #fff;
}

.page.historias-de-salao .section.salon-locator .ts.right,
.page.search-results .section.salon-locator .ts.right,
.page.favoritos .section.salon-locator .ts.right,
.page.pro .section.salon-locator .ts.right,
.page.press .section.salon-locator .ts.right,
.page.categoria_historia .section.salon-locator .ts.right,
.page.favoritos .section.lg.popular .ts.left,
.page.pro .section.lg.popular .ts.left,
.page.press .section.lg.popular .ts.left,
.page.categoria_historia .section.lg.popular .ts.left,
.page.favoritos .top-section .ts,
.page.pro .top-section .ts,
.page.press .top-section .ts {
	background: #f3f1f1;
}

.page.pro.single .top-section .ts.left {
	background: #fff;
}


body.page-template-page-pro .section.newsletter .top-section .ts.left.wh,
body.page-template-page-pro-tendencias .section.newsletter .top-section .ts.left.wh,
body.page-template-page-pro-dossiers .section.newsletter .top-section .ts.left.wh,
body.page-template-page-pro-formacoes .section.newsletter .top-section .ts.left.wh,
body.page-template-page-pro-calendario .section.newsletter .top-section .ts.left.wh,
body.page-template-page-pro-kits .section.newsletter .top-section .ts.left.wh,
body.page-template-page-press .section.newsletter .top-section .ts.left.wh,
body.tax-categoria_kit .section.newsletter .top-section .ts.left.wh {
	background: #f3f1f1;
}





/*
 * CONTENT PRELOADER
 */

.content-preloader {
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999999;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.85);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.content-preloader.v {
	display: table;
	opacity: 1;
}

.dots-preloader {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #000;
	/*opacity: 0.3;*/
	animation: up-and-down 2s infinite;
}

.dot2 {
	animation-delay: .15s;
}

.dot3 {
	animation-delay: .3s;
}

@keyframes up-and-down {

	0% {
		background: #000;
		transform: translateY(0px);
	}

	35% {
		background: #000;
		transform: translateY(0px);
		/*opacity: 0.3;*/
	}

	50% {
		transform: translateY(-15px);
		/*opacity: 0.8;*/
	}

	70% {
		background: #ecd773;
		transform: translateY(3px);
		/*opacity: 1;*/
	}

	85% {
		background: #000;
		transform: translateY(-3px);
	}
}




/* 
 * MEDIA QUERIES
 * or css/media-queries.css
 * -------------------------------------------------------------------------------------------
 */

@media (min-width: 992px) {

	.top-header > a:hover,
	.top-header .langs > a:hover,
	.top-header a.profile-btn:hover {
		background: #000;
		color: #fff;
	}

	.top-header .user-btns:hover > a,
	.top-header .pro-btns:hover > a,
	.top-header .langs:hover > a {
		background: #000;
		color: #fff;
	}

	.top-header .user-btns:hover > ul,
	.top-header .pro-btns:hover > ul,
	.top-header .langs:hover > ul {
		display: block;
	}

	.top-header a.login-btn:hover:before {
		content: "\e949";
	}

	.section.marcas .logo-marca:hover {
		opacity: 1;
	}

	

	.grid-container .sbb-thumb:hover .thumb-title {
		opacity: 0;
	}

	.social-post:hover .post-desc,
	.yt-container .yt-thumb:hover .post-desc {
		opacity: 1;
		padding-top: 40px;
	}

	.social-posts .post-icn:hover,
	.yt-videos .post-icn:hover {
		/*color: #fff;*/
		background: #ecd773;
	}

	.sidebar-thumb:hover .thumb-desc {
		opacity: 1;
		padding-top: 0;
	}

	.sbb-thumb.pub.yellow:hover .pub-active {
		display: none;
	}

	.sbb-thumb.pub.yellow:hover .pub-hover {
		display: block;
	}

	.grid-container .sbb-thumb .fav-btn:hover {
		color: #ecd773;
	}

	/*.grid-container .sbb-thumb .fav-btn.add:hover:after {
		content: "\e92c";
	}

	.grid-container .sbb-thumb .fav-btn.remove:hover:after {
		content: "\e92a";
	}*/

	.gallery .g-item > a:hover .download-kit {
		width: 100px;
	}

	.main-nav .menu-primary-menu-container > ul > li > a:hover:after,
	.main-nav .menu-primary-menu-en-container > ul > li > a:hover:after {
		width: 100%;
		background: #000;
	}

	.section.kits .kit:hover .kit-btns {
		opacity: 1;
	}

	.copyrights a:hover {
		color: #fff;
	}

	.top-header .langs ul a:hover:after,
	.top-header .pro-btns ul a:hover:after,
	.top-header .user-btns ul li.u-fav a:hover:before,
	.top-header .user-btns ul li.u-profile a:hover:before,
	.top-header .user-btns ul li.u-bo a:hover:before,
	.top-header .user-btns ul li.u-logout a:hover:before {
		width: 100%;
		background: #000;
	}

	.top-header .user-btns ul li.u-logout a:hover {
		color: #000;
	}

	.more-btn-thumb:hover {
		background: #ecd773 !important;
	}

	.more-btn-thumb:hover .more-icn {
	    margin-top: -40px;
	}

	.more-btn-thumb:hover .more-label {
		opacity: 1;
		margin-top: 25px;
	}

	.btn.brd:hover {
		background: #000;
		color: #fff;
	}

	.brd-btn:hover .icn {
		background: #000;
	}

	.brd-btn:hover .icn:before {
		color: #f3f1f1;
	}

	.brd-btn.fav:hover .icn:before {
		content: "\e92c";
	}

	/*.tag-group a:hover {
		background: #000;
		color: #fff;
	}*/

	.main-header .back-btn:hover {
		color: #000;
	}

	.scroll-to-top:hover > span {
		bottom: 10px;
	} 

	.scroll-to-top:hover:before {
		bottom: 52px;
	}

	.section.newsletter-cta .ts.right > a:hover .scroll-to-nl > span {
		top: 15px;
	}

	.section.newsletter-cta .ts.right > a:hover .scroll-to-nl:before {
		top: 52px;
	}

	button:hover,
	.btn:hover {
		padding-left: 20px;
		padding-right: 45px;
	}

	.cookies-notice a:hover {
		padding-left: 10px;
		padding-right: 25px;
	}

	button:hover:after,
	.btn:hover:after {
		right: 0;
	}

	.stores-container .loja-img:hover .loja-hover {
		opacity: 1;
	}

	.stores-container .loja-hover:hover .btn:after {
		right: 0;
	}

	.stores-container .loja-hover:hover .btn {
		padding-left: 20px;
		padding-right: 45px;
	}

	.popular-posts .post-thumb:hover img,
	.related-posts .post-thumb:hover img,
	.section.dossiers .dossier-thumb:hover img,
	.section.dossiers .post-thumb:hover img,
	.gallery .g-item > a:hover img,
	.social-post:hover .post-img img {
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
	}

	.popular-posts .post-thumb:hover .post-desc .dtitle + p,
	.related-posts .post-thumb:hover .post-desc .dtitle + p,
	.page .section.dossiers .post-thumb:hover .post-desc .dtitle + p,
	.slider-dossier .post-thumb:hover .post-desc .dtitle + p,
	.dossier-thumb:hover .dossier-desc .dtitle + p {
		opacity: 1;
		margin-top: 15px;
	}

	.gallery .g-item > a:hover:after {
		opacity: .35;
	}

	.section.dossiers .dossier-thumb:hover .dossier-desc:before,
	.section.dossiers .post-thumb:hover .post-desc:before {
		opacity: .55;
	}

	.popular-posts .post-thumb:hover .post-desc:before,
	.related-posts .post-thumb:hover .post-desc:before {
		opacity: .55;
	}


	.calendario-formacoes .c-day.active:hover {
		color: #000 !important;
		background: #ecd773 !important;
	}

	.calendario-formacoes .c-day.active:hover:after {
		/*content: none !important;*/
		/*display: none !important;*/
	}



	/*
	 * ON SCROLL THUMBS
	 */

	.grid-container .sbb-thumb,
	.more-btn-thumb,
	.social-post,
	.yt-container,
	.kits-container .kit {
		opacity: 0;
	}

	.grid-container .sbb-thumb.anim,
	.more-btn-thumb.anim,
	.social-post.anim,
	.yt-container.anim,
	.kits-container .kit.anim {
		-webkit-animation: animThumb 1s 1 forwards ease-in-out;
		-moz-animation:    animThumb 1s 1 forwards ease-in-out;
		-o-animation:      animThumb 1s 1 forwards ease-in-out;
		animation:         animThumb 1s 1 forwards ease-in-out;
	}

	@keyframes animThumb {
		0% { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
		100% { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); }
	}


	/*
	 * ANIM DOSSIERS/SQUARE THUMBS
	 */

	/*.dossier-thumb,
	.post-thumb {
	    
	}

	.dossier-thumb.anim,
	.post-thumb.anim {
		overflow: hidden;
		-webkit-animation: animPostThumb 1s 1 forwards ease-in-out;
		-moz-animation:    animPostThumb 1s 1 forwards ease-in-out;
		-o-animation:      animPostThumb 1s 1 forwards ease-in-out;
		animation:         animPostThumb 1s 1 forwards ease-in-out;
	}

	@keyframes animPostThumb {
		0% { opacity: 0; transform: scaleX(0%); }
		100% { opacity: 1; transform: scaleX(100%); }
	}

	.dossier-desc,
	.post-thumb .post-desc {
		opacity: 0;
	}

	.dossier-thumb.anim .dossier-desc,
	.post-thumb.anim .post-desc {
		-webkit-animation: animThumbDesc 1s 1 forwards ease-in-out 1s;
		-moz-animation:    animThumbDesc 1s 1 forwards ease-in-out 1s;
		-o-animation:      animThumbDesc 1s 1 forwards ease-in-out 1s;
		animation:         animThumbDesc 1s 1 forwards ease-in-out 1s;
	}

	@keyframes animThumbDesc {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}*/


	/*
	 * ANIM SECTION LABELS
	 */

	.section-label {
		opacity: 0;
	}

	.section-label.anim {
		-webkit-animation: animLabel .3s 1 forwards ease-in-out;
		-moz-animation:    animLabel .3s 1 forwards ease-in-out;
		-o-animation:      animLabel .3s 1 forwards ease-in-out;
		animation:         animLabel .3s 1 forwards ease-in-out;
	}

	@keyframes animLabel {
		0% { opacity: 0; margin-top: 100%; }
		100% { opacity: 0.03; margin-top: 0; }
	}


	/*
	 * ANIM TOP SECTION
	 */

	.top-section .ts > * {
		opacity: 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	.top-section .ts.left > * {
		transform: translateX(-50%); -webkit-transform: translateX(-50%);
	}

	.top-section .ts.right > * {
		transform: translateX(50%); -webkit-transform: translateX(50%);
	}

	.top-section.anim .ts > * {
		opacity: 1;
		transform: translateX(0%); -webkit-transform: translateX(0%);
	}


	/*
	 * ANIM FEATURED PRODUCTS
	 */

	.featured-product {
		
	}

	.featured-product.anim {

	}


	/*
	 * ANIM LOGOS MARCAS
	 */

	.section.marcas .logo-marca img {
		opacity: 0;
	}

	.section.marcas .logo-marca.anim img {
		-webkit-animation: animLogo .5s 1 forwards ease-in-out;
		-moz-animation:    animLogo .5s 1 forwards ease-in-out;
		-o-animation:      animLogo .5s 1 forwards ease-in-out;
		animation:         animLogo .5s 1 forwards ease-in-out;
	}


	@keyframes animLogo {
		0% { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); }
		100% { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); }
	}



	/*
	 * ANIM SECTIONS
	 */

	.section.newsletter .nl-form-msgs {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.section.newsletter.anim .nl-form-msgs {
		opacity: 1;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
	}

	.section.newsletter #mc_embed_signup {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;
		-o-transition: all .8s ease-in-out;
		transition: all .8s ease-in-out;
	}

	.section.newsletter.anim #mc_embed_signup {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}


	.section.newsletter .rgpd {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-webkit-transition: all .9s ease-in-out;
		-moz-transition: all .9s ease-in-out;
		-o-transition: all .9s ease-in-out;
		transition: all .9s ease-in-out;
	}

	.section.newsletter.anim .rgpd {
		opacity: 1;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}

}

/*
 * 2500
 */

.menu-primary-menu-container,
.menu-primary-menu-en-container {
	padding-right: 345px;
}

.section-content {
	padding: 100px 250px;
}

a.selected-drop {
	right: 250px;
}

.top-image,
.makeover-imgs,
.page.single .section.content .section-content{
	padding: 0 200px;
}

.page-title .download-kit-btn,
.intro-title .download-kit-btn {
	right: 200px;
}

.page.single.kit-press .section.content .section-content .gallery,
.page.single.kit-pro .section.content .section-content .gallery {
	width: auto;
	margin-left: -210px;
	padding-left: 200px;
	margin-right: -210px;
	padding-right: 200px;
}

.top-image .desc {
	padding-right: 275px;
}

.intro-section {
	padding: 0 375px;
}

.section.content .section-content {
	padding: 0 375px;
}

.section-header + .section.kits .section-content {
	padding-left: 375px;
	padding-right: 375px;
}

.section .ts > * {
	padding: 0 25px 0 250px;
}

.section .ts.right > * {
	padding: 0 50px;
}

.section.newsletter .ts.right,
.section.newsletter-cta .ts.right {
	padding: 0 50px 0 100px;
}

.section.produtos .ts.left {
	width: 60%;
}

.section.produtos .ts.right {
	width: 40%;
}


.featured-product {
	width: 25%;
}

.product-desc-wrp {
	padding-top: 140px;
	padding-bottom: 60px;
	/*padding-right: 100px;*/
}

.product-desc .cat-icn {
	top: 30px;
}

.product-desc .cat-icn:after {
	bottom: auto;
	right: auto;
	top: 0;
	left: 0;
}



/*
 * POPUPS
 */

.popup-wrapper,
.popup-gallery {
	display: none;
	/*position: fixed;*/
	position: absolute;
	z-index: 5;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #f3f1f1;*/
	background: rgba(0,0,0,.85);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	overflow-x: hidden;
	overflow-y: auto;
}

body.cookies .popup-wrapper,
body.cookies .popup-gallery {
	top: 100px;
}

.popup-wrapper.auth {
	overflow: hidden;
}

.popup-search,
.popup-social {
	width: 100%;
	height: 150px;
	left: 50px;
	top: 0;
	background: none;
	z-index: 99999;
	overflow: hidden;
}

body.cookies .popup-search,
body.cookies .popup-social {
	top: 50px;
}

.popup-social {
	height: 275px;
	height: auto;
}

.popup-wrapper.open,
.popup-gallery.open,
.popup-wrapper.v,
.popup-gallery.v {
	display: block;
}

.popup-search .search,
.popup-social .social-links {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #000;
}

.popup-search form,
.popup-social .links {
	position: relative;
	padding: 50px;
}

.popup-social .links {
	overflow: hidden;
}

.popup-search input {
	padding-right: 150px;
	color: #fff;
	font-size: 36px;
	border-color: #3f3f3f;
}

.popup-search input::-webkit-input-placeholder {
	font-size: 36px;
	color: #3f3f3f;
}

.popup-search .input-placeholder {
	font-size: 36px;
	color: #3f3f3f;
}

.popup-search input:-moz-placeholder {
	font-size: 36px;
	color: #3f3f3f;
}

.popup-search input::-moz-placeholder {
	font-size: 36px;
	color: #3f3f3f;
}

.popup-search input:-ms-input-placeholder {  
	font-size: 36px;
	color: #3f3f3f;
}

.popup-search button {
	position: absolute;
	z-index: 4;
	top: 50px;
	right: 50px;
}

.popup-social .links-col {
	color: #fff;
	width: 33%;
	float: left;
}

.popup-social .links-col h1,
.popup-social .links-col h2,
.popup-social .links-col h3,
.popup-social .links-col h4,
.popup-social .links-col h5,
.popup-social .links-col h6,

.popup-social .links-col .h1,
.popup-social .links-col .h2,
.popup-social .links-col .h3,
.popup-social .links-col .h4,
.popup-social .links-col .h5,
.popup-social .links-col .h6 {
	color: #323232;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
	margin-bottom: 15px;
}

.popup-social .links-col a {
	display: inline-block;
	width: 50%;
	float: left;
	color: #fff;
	font-size: 14px;
    line-height: 14px;
    padding: 5px 15px 5px 0;
}

.popup-t {
	position: relative;
	z-index: 3;
	display: table;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
	margin-left: 50px;
}

.popup-tc {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	height: 100%;
	padding: 50px 25px;
	background: #fff;
}

.popup-tc .content-preloader {
	width: 30%;
}

.popup-wrapper.auth .popup-t {
	display: block;
}

.popup-wrapper.auth .popup-tc {
	display: inline-block;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup-wrapper.auth .popup-tc.intro {
	display: table;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 30%;
}

.popup-wrapper.auth .popup-tc.intro .content {
	display: table-cell;
	vertical-align: middle;
}

.popup-tc.intro {
	display: table-cell;
	width: 70%;
	background: none;
	padding: 0;
}

.popup-tc.intro .pmsg {
	display: none;
}

.popup-tc.intro .pmsg.active {
	display: inline-block;
}

.popup-tc.intro h1,
.popup-tc.intro h2,
.popup-tc.intro h3,
.popup-tc.intro h4,
.popup-tc.intro h5,
.popup-tc.intro h6,
.popup-tc.intro p,
.popup-tc.intro a {
	color: #fff;
}

.popup-tc.intro .content {
	padding: 0 100px;
}

.popup-tc.intro .pmsg .intro-label {
	display: inline-block;
	height: 100%;
	text-align: center;
	position: absolute;
    top: 0;
    left: 110px;
    opacity: 0;
}

.popup-tc.intro .pmsg.active .intro-label {
	-webkit-animation: animPopupLabel .5s 1 forwards;
	-moz-animation:    animPopupLabel .5s 1 forwards;
	-o-animation:      animPopupLabel .5s 1 forwards;
	animation:         animPopupLabel .5s 1 forwards;
}

@keyframes animPopupLabel {

	0% {
		opacity: 0;
		left: -100%;
	}

	100% {
		opacity: 1;
		left: 110px;
	}
}

.popup-tc.intro .pmsg .intro-label span {
	font-family: 'Neuzeit Grotesk Bold';
    font-size: 200px;
    line-height: 200px;
    text-transform: uppercase;
	-webkit-transform: translateX(-100%) rotate(-90deg);
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
    color: #fff;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
}

.popup-tc.intro .pmsg .intro-txt {
	display: inline-block;
	opacity: 0;
}

.popup-tc.intro .pmsg.active .intro-txt {
	-webkit-animation: animPopupTxt .5s 1 forwards;
	-moz-animation:    animPopupTxt .5s 1 forwards;
	-o-animation:      animPopupTxt .5s 1 forwards;
	animation:         animPopupTxt .5s 1 forwards;
}

@keyframes animPopupTxt {

	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    -o-transform: translateX(-100%);
	    transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	    -o-transform: translateX(0);
	    transform: translateX(0);
	}
}

.popup-tc.intro h3 {
	font-family: 'Neuzeit Grotesk Bold';
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.popup-tc.intro h3 + h5 {
	margin-top: -10px;
	margin-bottom: 15px;
}

.popup-tc.intro p {

}


/*
 * popup-form
 */

.popup-form {
	display: table;
	min-height: 100%;
	width: 100%;
}

.popup-msgs {
	display: none;
	min-height: 100%;
	width: 100%;
}

.popup-msgs .s-msgs,
.popup-msgs .e-msgs {
	display: none;
	vertical-align: middle;
}

.popup-msgs .s-msg,
.popup-msgs .e-msg {
	display: none;
}

.popup-msgs.error .s-msgs,
.popup-msgs.success .e-msgs {
	display: none;
}

.popup-msgs.success .s-msgs,
.popup-msgs.error .e-msgs {
	display: table-cell;
}

.popup-wrapper.submited .popup-msgs {
	display: table;
}

.popup-form h1,
.popup-form h2,
.popup-form h3,
.popup-form h4,
.popup-form h5,
.popup-form h6,

.popup-form .h1,
.popup-form .h2,
.popup-form .h3,
.popup-form .h4,
.popup-form .h5,
.popup-form .h6,

.popup-msgs h1,
.popup-msgs h2,
.popup-msgs h3,
.popup-msgs h4,
.popup-msgs h5,
.popup-msgs h6,

.popup-msgs .h1,
.popup-msgs .h2,
.popup-msgs .h3,
.popup-msgs .h4,
.popup-msgs .h5,
.popup-msgs .h6 {
	margin-bottom: 25px;
}
.popup-msgs .s-msgs h1,
.popup-msgs .s-msgs h2,
.popup-msgs .s-msgs h3,
.popup-msgs .s-msgs h4,
.popup-msgs .s-msgs h5,
.popup-msgs .s-msgs h6,

.popup-msgs .s-msgs .h1,
.popup-msgs .s-msgs .h2,
.popup-msgs .s-msgs .h3,
.popup-msgs .s-msgs .h4,
.popup-msgs .s-msgs .h5,
.popup-msgs .s-msgs .h6 {
	color: green;
}

.popup-msgs .e-msgs h1,
.popup-msgs .e-msgs h2,
.popup-msgs .e-msgs h3,
.popup-msgs .e-msgs h4,
.popup-msgs .e-msgs h5,
.popup-msgs .e-msgs h6,

.popup-msgs .e-msgs .h1,
.popup-msgs .e-msgs .h2,
.popup-msgs .e-msgs .h3,
.popup-msgs .e-msgs .h4,
.popup-msgs .e-msgs .h5,
.popup-msgs .e-msgs .h6 {
	color: red;
}

.popup-form h1 + p,
.popup-form h2 + p,
.popup-form h3 + p,
.popup-form h4 + p,
.popup-form h5 + p,
.popup-form h6 + p,

.popup-form .h1 + p,
.popup-form .h2 + p,
.popup-form .h3 + p,
.popup-form .h4 + p,
.popup-form .h5 + p,
.popup-form .h6 + p,

.popup-msgs h1 + p,
.popup-msgs h2 + p,
.popup-msgs h3 + p,
.popup-msgs h4 + p,
.popup-msgs h5 + p,
.popup-msgs h6 + p,

.popup-msgs .h1 + p,
.popup-msgs .h2 + p,
.popup-msgs .h3 + p,
.popup-msgs .h4 + p,
.popup-msgs .h5 + p,
.popup-msgs .h6 + p {
	margin-top: -15px;
	margin-bottom: 25px;
}

.popup-form h1,
.popup-form h2,
.popup-form h3,
.popup-form h4,
.popup-form h5,

.popup-form .h1,
.popup-form .h2,
.popup-form .h3,
.popup-form .h4,
.popup-form .h5,

.popup-msgs h1,
.popup-msgs h2,
.popup-msgs h3,
.popup-msgs h4,
.popup-msgs h5,

.popup-msgs .h1,
.popup-msgs .h2,
.popup-msgs .h3,
.popup-msgs .h4,
.popup-msgs .h5 {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}

.popup-form > form {
	display: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    -webkit-animation: animPopupOut .5s 1 forwards;
	-moz-animation:    animPopupOut .5s 1 forwards;
	-o-animation:      animPopupOut .5s 1 forwards;
	animation:         animPopupOut .5s 1 forwards;
}

@keyframes animPopupOut {
	0% { opacity: 1; padding-top: 0; }
	100% { opacity: 0; padding-top: 50%; }
}

.popup-form > form.active {
	display: table-cell;
	vertical-align: middle;

	-webkit-animation: animPopupIn .5s 1 forwards;
	-moz-animation:    animPopupIn .5s 1 forwards;
	-o-animation:      animPopupIn .5s 1 forwards;
	animation:         animPopupIn .5s 1 forwards;
}

@keyframes animPopupIn {
	0% { opacity: 0; padding-top: 50%; }
	100% { opacity: 1;  padding-top: 0; }
}



.popup-form .input-placeholder {
	font-size: 18px;
}

.popup-form input::-webkit-input-placeholder {
	font-size: 18px;
}

.popup-form input:-moz-placeholder {
	font-size: 18px;
}

.popup-form input::-moz-placeholder {
	font-size: 18px;
}

.popup-form input:-ms-input-placeholder {  
	font-size: 18px;
}

.popup-form .input-wrapper {
	margin-top: 25px;
}

.popup-form .i-group {
	overflow: hidden;
	margin-top: 40px;
}

.popup-form .i-check,
.popup-form .i-radio {
	margin: 0 25px 0 0;
}

.popup-form .i-check,
.popup-form .i-radio {
	display: block;
}

.popup-form .i-check + .i-check,
.popup-form .i-radio + .i-radio {
	margin-top: 5px;
}

.popup-form .i-group.account-type .i-radio {
	/*float: left;
	margin-top: 0;*/
}

.popup-form .i-group.account-type .i-radio label {
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
	letter-spacing: 1px;
}

.popup-form .press-fields,
.popup-form .pro-fields {
	display: none;
}

.popup-form .form-register .form-btns .login-btn {
	display: none;
}

.popup-form .form-register .input-wrapper.sname,
.popup-form .form-register .input-wrapper.clientid,
.popup-form .form-register .i-group.account-type,
.popup-form .form-register .i-group.user-type {
	display: none;
}

.popup-form .form-register .label-pro {
	display: none;
	font-family: 'Neuzeit Grotesk Light';
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ecd773;
}

.popup-form .form-register h4 > .t-pro,
.popup-form .form-register .h4 > .t-pro {
	display: none;
}

.popup-form .form-register .auth-fb {
	padding: 25px 0;
}

.popup-form .form-register .auth-fb .fb-btn {
	font-size: 14px;
}

.popup-wrapper.auth .form-register .intro-mobile {
	display: none;
}

.popup-form .i-group.terms {
	margin-top: 15px;
}

.popup-form .i-group.nl .i-check,
.popup-form .i-group.terms .i-check {
	display: inline-block;
	width: 100%;
	position: relative;
}

.popup-form .i-group.nl .i-check span,
.popup-form .i-group.terms .i-check span {
	position: absolute;
	left: 0;
	top: 0;
}

.popup-form .i-group.nl .i-check label,
.popup-form .i-group.terms .i-check label {
	padding-left: 35px;
	font-size: 14px;
    line-height: 18px;
}


/*
 * form-btns
 */

.popup-form .form-btns {
	margin-top: 15px;
}

.popup-form .form-btns a {
	color: #848484;
	text-decoration: underline;
	float: left;
	font-size: 14px;
	line-height: 14px;
}

.popup-form .form-btns a + a {
	float: right;
}

.popup-form .form-register .form-btns a,
.popup-form .form-register .form-btns a + a {
	clear: both;
    float: none;
    display: block;
    margin-bottom: 5px;
}

.popup-form .submit-btn + .form-btns {
	margin-top: 50px;
	text-align: center;
}

.popup-form .submit-btn + .form-btns a {
	clear: both;
	float: none;
}

.popup-form .form-login .form-btns.pwd a {
	float: right;
}

.popup-form .form-login .form-btns.log {
	clear: both;
	text-align: center;
    margin-top: 50px;
}

.popup-form .form-login .form-btns.log a {
	float: none;
}


/*
 * form-notes
 */

.popup-form .form-notes {
	clear: both;
}

.popup-form .form-notes p {
	display: none;
	color: #000;
}

.popup-form .form-notes p.empty,
.popup-form .form-notes p.error,
.popup-form .form-notes p.invalid-email,
.popup-form .form-notes p.invalid-user,
.popup-form .form-notes p.pwd-not-match {
	color: red;
}

.popup-form .form-notes p.success {
	color: green;
}

.popup-form .form-notes p.active {
	clear: both;
	display: block;
	padding-top: 50px;
}


/*
 * submit-btn
 */

.popup-form .submit-btn {
	padding: 0;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

.popup-form .form-login .submit-btn {
	margin-top: 25px;
}



/*
 * rgpd 
 */
.rgpd .i-group.rgpd_sds,
.rgpd .i-group.rgpd_outros {
	margin-top: 15px;
}

.rgpd .i-group.rgpd_sds .i-check,
.rgpd .i-group.rgpd_outros .i-check {
	display: inline-block;
	width: 100%;
	position: relative;
}

.rgpd .i-group.rgpd_sds .i-check span,
.rgpd .i-group.rgpd_outros .i-check span {
	position: absolute;
	left: 0;
	top: 0;
}

.rgpd .i-group.rgpd_sds .i-check label,
.rgpd .i-group.rgpd_outros .i-check label {
	padding-left: 35px;
	font-size: 14px;
    line-height: 18px;
}

.rgpd .rgpd_disclaimer {
	margin-top: 40px;
}

.rgpd .rgpd_disclaimer p,
.rgpd .rgpd_disclaimer p a {
	font-size: 10px;
	line-height: 13px;
}

.rgpd .rgpd_disclaimer p a {
	text-decoration: underline;
}

.section.newsletter .nl-form .rgpd {
	padding-top: 30px;
}

.section.newsletter .nl-form .rgpd a,
.section.newsletter .nl-form .rgpd p {
	color: #FFFFFF;
}



/*
 * auth FB
 */

.auth-fb {
	display:none;
}

.auth-fb .fb-label {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin: 25px 0;
}

.auth-fb .fb-label > span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 25px;
	color: #848484;
	background: #fff;
}

.auth-fb .fb-label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #cbcbcb;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
}

.auth-fb .fb-btn {
	position: relative;
	width: 100%;
	color: #fff;
	background: #3b5998;
	padding: 0;
	text-align: center;
}

.auth-fb .fb-btn:before {
	content: "\e91e";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    position: absolute;
    top: 0;
    left: 0;
}



/*
 * popup gallery
 */

.popup-gallery .popup-t,
.popup-gallery .popup-tc {
	width: auto;
	height: auto;
	background: none;
}

.popup-gallery .popup-tc {
	padding: 0;
	vertical-align: top;
}

.popup-gallery .popup-imgs {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	background: none;
}

.popup-gallery .slick-list {
	overflow: visible;
}

.popup-gallery .popup-img {
	position: relative;
	float: left;
	background: #000;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.popup-gallery .popup-img > img {
	height: 100%;
	width: auto;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.slick-slide > img {
	opacity: .35;
}

.slick-current > img {
	opacity: 1;
}

.popup-gallery .pdesc {
	display: none;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    font-family: 'Neuzeit Grotesk Light';
    font-weight: normal;
    padding: 25px;
    text-align: right;
    max-width: 75%;
}

.slick-current .pdesc {
	display: inline-block;
}

.popup-gallery h6,
.popup-gallery .h6 {
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 18px;
    line-height: 18px;
    font-weight: normal;
}

.popup-gallery p {
	font-family: 'Neuzeit Grotesk Light';
	font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.popup-gallery h6 + p,
.popup-gallery .h6 + p {
	margin-top: 10px;
}

.popup-gallery .popup-nav {
	position: absolute;
    right: 0;
    bottom: 0;
	display: inline-block;
	height: 50px;
}

.popup-gallery .popup-nav a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
 }





/*
 * CALENDÁRIO
 */

.calendario-formacoes {
	display: none;
	clear: both;
	width: 704px;
	padding: 0;
	margin: 0 auto;
	padding: 50px 0 100px 0;
	overflow: hidden;
}



/*
 * formações calendário
 */


.calendario-formacoes .c-formacoes {
	position: relative;
	width: 352px;
	height: 351px;
	float: left;
	background: #ecd773;
	padding: 15px;
}

.calendario-formacoes .c-formacoes .c-date {
	display: inline-block;
	color: #fff;
	padding-left: 10px;
	height: 160px;
}

.calendario-formacoes .c-formacoes .c-date .cn {
	display: block;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 125px;
	line-height: 125px;
	font-weight: normal;
	margin-bottom: -5px;
}

.calendario-formacoes .c-formacoes .c-date .cd {
	display: block;
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
    letter-spacing: 1px;
}

.calendario-formacoes .c-formacoes .c-wrapper {
	color: #000;
    display: inline-block;
    overflow-x: auto;
    width: 100%;
    height: 151px;
}

.calendario-formacoes .c-formacoes .c-list {
	display: none;
}

.calendario-formacoes .c-formacoes .c-item {
	display: inline-block;
	width: 100%;
	padding-left: 10px;
}

.calendario-formacoes .c-formacoes .c-item + .c-item {
	margin-top: 15px;
}

.calendario-formacoes .c-formacoes .c-item h6,
.calendario-formacoes .c-formacoes .c-item .h6 {
	position: relative;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
}

.calendario-formacoes .c-formacoes .c-item h6:before,
.calendario-formacoes .c-formacoes .c-item .h6:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	background: #000;
	position: absolute;
	left: -10px;
	bottom: 7px;
}

.calendario-formacoes .c-formacoes .c-item span {
	display: block;
	font-family: 'Neuzeit Grotesk Light';
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 5px;
}

.calendario-formacoes .c-formacoes .c-no,
.calendario-formacoes .c-formacoes .c-error {
	display: none;
	width: 100%;
	height: 100%;
	padding: 125px 25px 0 25px;
	position: absolute;
	top: 0;
	left: 0;
}

.calendario-formacoes .c-formacoes .c-no,
.calendario-formacoes .c-formacoes .c-error,
.calendario-formacoes .c-formacoes .c-no p,
.calendario-formacoes .c-formacoes .c-error p {
	font-family: 'Neuzeit Grotesk Regular';
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	text-align: left;
}

.calendario-formacoes .c-formacoes .c-no p span {
	display: none;
}

.calendario-formacoes .c-formacoes .c-no .mt,
.calendario-formacoes .c-formacoes .c-error .mt {
	display: table;
	width: 100%;
	height: 100%;
}

.calendario-formacoes .c-formacoes .c-no .mtc,
.calendario-formacoes .c-formacoes .c-error .mtc {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}




/*
 * nav calendário
 */

.calendario-formacoes .c-nav {
	position: relative;
	display: inline-block;
	width: 352px;
	height: 50px;
	float: right;
}

.calendario-formacoes .c-nav .cal-btn-mobile {
	position: relative;
	float: right;
	display: none;
	width: 50px;
	height: 50px;
	margin-right: -50px;
	background: #ecd773;
}

.calendario-formacoes .c-nav .cal-btn-mobile.x {
	background: #fff;
}

.calendario-formacoes .c-nav .cal-btn-mobile:after {
	content: "\e948";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    position: absolute;
    left: 7px;
    top: 7px;
}

.calendario-formacoes .c-nav .cal-btn-mobile.x:after {
	content: "\e91b";
	font-size: 50px;
	left: 0;
	top: 0;
}


/*
 * month calendário
 */


.calendario-formacoes .cal-nav-month {
	display: inline-block;
	float: left;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Neuzeit Grotesk Bold';
	font-size: 16px;
    line-height: 50px;
    letter-spacing: 1px;
    font-weight: normal;
	margin-left: 25px;
}

.calendario-formacoes .c-cal {
	width: 352px;
	height: 351px;
	float: right;
	background: #fff;
}

.calendario-formacoes .c-days {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
}

.calendario-formacoes .c-month {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
}

.calendario-formacoes .c-week {
	clear: both;
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0 1px;
}

.calendario-formacoes .c-day {
	display: inline-block;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
}

.calendario-formacoes .c-days .c-day {
	font-size: 14px;
	letter-spacing: 1px;
}

.calendario-formacoes .c-day.current {
	color: #fff!important;
	background: #000;
	font-family: 'Neuzeit Grotesk Bold';
	font-weight: normal;
}


.calendario-formacoes .c-day.current.active {
	color: #000;
	background: #000;
}

.calendario-formacoes .c-day.current:after,
.calendario-formacoes .c-day.past.active:after,
.calendario-formacoes .c-day.upcoming.active:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: 6px;
	left: 50%;
	margin-left: -2px;
}

/*.calendario-formacoes .c-day.past {
	color: #cccbcb;
}*/

.calendario-formacoes .c-day.current.active:after,
.calendario-formacoes .c-day.past.active:after {
	/*background: #000;*/
	background: #cccbcb;
}

.calendario-formacoes .c-day.upcoming.active:after {
	/*background: #ecd773;*/
	background: #000;
}

.calendario-formacoes .c-day.past.selected {
	font-family: 'Neuzeit Grotesk Bold';
	color: #fff;
	background: #000;
}

.calendario-formacoes .c-day.upcoming.selected {
	color: #000;
	background: #ecd773;
}

.calendario-formacoes .c-day.selected:after {
	/*content: none !important;
	display: none !important;*/
}




/*
 * LOJAS
 */

.stores-container {
	margin-left: -10px;
	margin-right: -10px;
    margin-bottom: -50px;
}

.stores-container .loja {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
	padding: 0 10px;
}

.stores-container .loja-img {
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.stores-container .loja-img img {
	width: 100%;
	height: auto;
}

.stores-container .loja-hover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ecd773;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stores-container .more-btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

.stores-container .loja-desc {
	width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.stores-container .loja-desc a,
.stores-container .loja-desc p {
	font-family: 'Neuzeit Grotesk Regular';
	font-weight: normal;
}

.stores-container .loja-desc a {
	text-decoration: none;
}


/*@media (max-width: 2500px) {

	.slider-container {
		padding: 0 250px;
	}

	.slider-dossier {
		margin-left: 250px;
	}

	.slider-thumbs,
	.slider-thumb {
		width: 350px;
		height: 350px;
	}

	.sidebar-group.related {
		max-width: 350px;
	}

	.thumbs-wrapper,
	.slider-thumb img {
		width: 350px;
		height: 350px;
	}

	.slider-nav {
		bottom: 350px;
	}

	.slider-titles {
		height: 175px;
		padding-left: 205px;
	}

	.slide-desc .post-cat.vert {
		right: 317px;
	}

}*/



@media (max-height: 600px) and (min-width: 768px) {

	.slider-titles {
		/*padding-left: 25px;*/
	}

	.slide-desc .slide-title {
		/*display: none;*/
	}

	.slider-thumb-title.active {
		/*display: none;*/
	}

	.slider-thumb-title.current {
		/*display: table-cell;
		vertical-align: middle;*/
	}

}



@media (min-width: 2000px) {

	.filtros-marcas,
	.salon-form {
		padding-right: 0;
	}

	.salon-form {
		width: 60%;
		padding-right: 0;
	}

}

/*
 * /2500
 */

@media (max-width: 2000px) {

	/*
	 * Slider
	 */

	.slider-container {
		padding: 0 200px;
	}

	.slider-dossier {
		margin-left: 200px;
	}

	.slider-thumbs,
	.slider-thumb {
		width: 300px;
		height: 300px;
	}

	.sidebar-group.related {
		max-width: 300px;
	}

	.thumbs-wrapper,
	.slider-thumb img {
		width: 300px;
		height: 300px;
	}

	.slider-nav {
		bottom: 300px;
	}

	.slider-titles {
		height: 150px;
		padding-left: 170px;
	}

	.slide-desc .post-cat.vert {
		right: 267px;
	}


	.menu-primary-menu-container,
	.menu-primary-menu-en-container {
		padding-right: 297px;
	}

	.section-content {
		padding: 100px 200px;
	}

	a.selected-drop {
		right: 200px;
	}

	.page-drop {
	    right: 150px;
	}

	.top-image,
	.makeover-imgs,
	.page.single .section.content .section-content {
		padding: 0 200px;
	}

	.page-title .download-kit-btn,
	.intro-title .download-kit-btn {
		right: 200px;
	}

	.page.single.kit-press .section.content .section-content .gallery,
	.page.single.kit-pro .section.content .section-content .gallery {
		margin-left: -210px;
		padding-left: 200px;
		margin-right: -210px;
		padding-right: 200px;
	}

	.top-image .desc {
		padding-right: 225px;
	}

	.intro-section {
		padding: 0 325px;
	}

	.section.content .section-content {
		padding: 0 325px;
	}

	.section-header + .section.kits .section-content {
		padding-left: 325px;
		padding-right: 325px;
	}

	.salon-form,
	.filtros-marcas {
		padding-right: 100px;
	}

	.section .ts > * {
		padding: 0 25px 0 200px;
	}

	.section .ts.right > * {
		padding: 0 50px;
	}

	.section.newsletter .ts.right,
	.section.newsletter-cta .ts.right {
		padding: 0 50px 0 100px;
	}

	.section.produtos .ts.left {
		width: 49.9%;
	}

	.section.produtos .ts.right {
		width: 50.1%;
	}

	.product-desc-wrp {
		/*padding-right: 50px;*/
	}


	.section.artigos .ts > *,
	.section.historias .ts > * {
		max-width: 500px;
	}

	/*
	 * kits
	 */

	.section.kits .kit {
		width: 20%;
	}

	.section.kits .kit-clear2,
	.section.kits .kit-clear3,
	.section.kits .kit-clear4,
	.section.kits .kit-clear6 {
		display: none;
	}

	.section.kits .kit-clear5 {
		display: block;
	}

}

@media (max-width: 1500px) {

	/*
	 * Slider
	 */

	.slider-container {
		padding: 0 100px;
	}

	.slider-dossier {
		margin-left: 100px;
	}

	.slider-thumbs,
	.slider-thumb {
		width: 250px;
		height: 250px;
	}

	.sidebar-group.related {
		max-width: 250px;
	}

	.thumbs-wrapper,
	.slider-thumb img {
		width: 250px;
		height: 250px;
	}

	.slider-nav {
		bottom: 250px;
	}

	.slider-titles {
		height: 125px;
		padding-left: 180px;
	}

	.slide-desc .post-cat.vert {
		right: 217px;
	}

	.menu-primary-menu-container,
	.menu-primary-menu-en-container {
		padding-right: 245px;
	}

	.salon-form,
	.filtros-marcas {
		padding-right: 150px;
	}

	.section-content {
		padding: 100px;
	}

	a.selected-drop {
		right: 100px;
	}

	.page-drop {
	    right: 50px;
	}

	.top-image,
	.makeover-imgs,
	.page.single .section.content .section-content {
		padding: 0 100px;
	}

	.page-title .download-kit-btn,
	.intro-title .download-kit-btn {
		right: 100px;
	}

	.page.single.kit-press .section.content .section-content .gallery,
	.page.single.kit-pro .section.content .section-content .gallery {
		margin-left: -110px;
		padding-left: 100px;
		margin-right: -110px;
		padding-right: 100px;
	}

	.top-image .desc {
		padding-right: 125px;
	}

	.intro-section {
		padding: 0 225px;
	}

	.section.content .section-content {
		padding: 0 225px;
	}

	.section-header + .section.kits .section-content {
		padding-left: 225px;
		padding-right: 225px;
	}

	.section.artigos .ts > *,
	.section.historias .ts > * {
		max-width: 500px;
	}

	.section .ts > * {
		padding: 0 25px 0 100px;
	}

	.section .ts.right > * {
		padding: 0 50px;
	}

	.section.newsletter .ts.right,
	.section.newsletter-cta .ts.right {
		padding: 0 50px 0 100px;
	}

	.section.produtos .ts.left {
		width: 33.3%;
	}

	.section.produtos .ts.right {
		width: 66.7%;
	}

	.section.kits .kit {
	    width: 25%;
	}

	.section.kits .kit-clear2,
	.section.kits .kit-clear3,
	.section.kits .kit-clear5,
	.section.kits .kit-clear6 {
		display: none;
	}

	.section.kits .kit-clear4 {
		display: block;
	}


}

@media (max-width: 1200px) {

	/*
	 * Slider
	 */

	.slider-container {
		padding: 0 100px;
	}

	.slider-dossier {
		margin-left: 100px;
	}

	.slider-thumbs,
	.slider-thumb {
		width: 200px;
		height: 200px;
	}

	.sidebar-group.related {
		max-width: 200px;
	}

	.sidebar-thumb {
		width: 200px;
		height: 200px;
	}

	.sidebar-thumb:hover .thumb-desc {
		opacity: 1;
		padding-top: 0;
	}

	.thumbs-wrapper,
	.slider-thumb img {
		width: 200px;
		height: 200px;
	}

	.slider-nav {
		bottom: 200px;
	}

	.slider-titles {
		height: 100px;
		padding-left: 180px;
	}

	.slide-desc .post-cat.vert {
		right: 167px;
	}

	.menu-primary-menu-container,
	.menu-primary-menu-en-container {
		padding-right: 195px;
	}

	.salon-form,
	.filtros-marcas {
		padding-right: 100px;
	}

	.section-content {
		padding: 100px;
	}

	a.selected-drop {
		right: 100px;
	}

	.top-image,
	.makeover-imgs,
	.page.single .section.content .section-content {
		padding: 0 100px;
	}

	.page-title .download-kit-btn,
	.intro-title .download-kit-btn {
		right: 100px;
	}

	.page.single.kit-press .section.content .section-content .gallery,
	.page.single.kit-pro .section.content .section-content .gallery {
		margin-left: -110px;
		padding-left: 100px;
		margin-right: -110px;
		padding-right: 100px;
	}

	.top-image .desc {
		padding-right: 125px;
	}

	.intro-section {
		padding: 0 225px;
	}

	.section.content .section-content {
		padding: 0 225px;
	}

	.section-header + .section.kits .section-content {
		padding-left: 225px;
		padding-right: 225px;
	}

	.section-content .post-content .post-desc + * {
		margin-top: 25px;
		margin-bottom: 50px;
	}

	.section .ts > * {
		padding: 0 25px 0 100px;
	}

	.section .ts.right > * {
		padding: 0 50px;
	}

	.section.newsletter .ts.right,
	.section.newsletter-cta .ts.right {
		padding: 0 50px 0 100px;
	}

	.section.produtos .ts.left {
		width: 33.4%;
	}

	.section.produtos .ts.right {
		width: 66.6%;
	}


	/*
	 * social
	 */

	.social-post.gap {
		display: none;
	}

	.social-post.icn-md {
		display: none;
	}

	.social-post.icn-sm {
		display: inline-block;
	}

	.social-posts.fb .post-icn  {
		bottom: auto;
		top: 0;
	}

	.yt-container {
		width: 50%;
	}


	/*
	 * marcas
	 */

	.section.marcas {
		padding: 0 100px;
	}

	/*
	 * copyrights
	 */

	.copyrights {
		padding: 0 100px;
	}


	/*
	 * kits
	 */

	.section.kits .kit {
		width: 33.333333%;
	}

	.section.kits .kit-clear2,
	.section.kits .kit-clear4,
	.section.kits .kit-clear5,
	.section.kits .kit-clear6 {
		display: none;
	}

	.section.kits .kit-clear3 {
		display: block;
	}

	.popup-tc {
		width: 35%;
	}

	.popup-tc .content-preloader {
		width: 35%;
	}

	.popup-tc.intro {
		width: 65%;
	}
}

@media (max-width: 991px) {

	h1,
	.h1 {
		font-size: 36px;
		line-height: 41px;
	}

	h2,
	.h2 {
		font-size: 32px;
		line-height: 37px;
	}

	h3,
	.h3 {
		font-size: 28px;
		line-height: 33px;
	}

	h4,
	.h4 {
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 1px;
	}

	h5,
	.h5 {
		font-size: 18px;
		line-height: 23px;
	}

	h6,
	.h6 {
		font-size: 16px;
		line-height: 21px;
	}

	p,
	a {
		font-size: 16px;
		line-height: 25px;
	}

	.cookies-txt p {
		font-size: 14px;
	}


	.input-placeholder {
		font-size: 24px;
	}


	/*
	 * SLIDER
	 */

	.post-date {
		margin-top: 0;
	}

	.slider-container {
		padding: 0 50px;
	}

	.slider.adjustToContainer {
		top: 50px;
		margin-bottom: 50px;
		margin-top: 0;
	}

	body.cookies .section.slider.adjustToContainer {
		margin-top: 50px;
	}

	.trainer_info {
		padding: 10px 0 55px 23px;
	}

	.slider-dossier {
		margin-left: 50px;
	}

	.slider-thumbs,
	.slider-thumb {
		width: 200px;
		height: 200px;
	}

	.sidebar-group.related {
		max-width: 200px;
	}

	.thumbs-wrapper,
	.slider-thumb img {
		width: 200px;
		height: 200px;
	}

	.slider-nav {
		bottom: 200px;
	}

	.slider-titles {
		height: 100px;
		padding-left: 130px;
	}

	.slide-desc .post-cat.vert {
		right: 167px;
	}

	.slide-desc .post-cat.vert {
		top: 25px;
	}

	.section-content .post-content .single-img {
		margin-top: 50px;
	}

	body.cookies .section-content .post-content .single-img {
		margin-top: 100px;
	}

	.section-content .post-sidebar {
		margin-top: 50px;
	}

	body.cookies .section-content .post-sidebar {
		margin-top: 100px;
	}

	.section.artigos .top-section {
		margin-bottom: 0;
	}

	.section.historias .top-section,
	.section.favoritos .top-section,
	.section.pro .top-section,
	.section.press .top-section {
		margin-bottom: -75px;
	}


	/*
	 * COPYRIGHTS
	 */

	.copyrights {
		height: auto !important;
	}

	.copyrights p.cr {
		float: none !important;
		text-align: center !important;
		margin-left: 0 !important;
	}

	.copyrights .footer-nav {
		float: none !important;
		text-align: center !important;
		margin-right: 0 !important;
		width: 100% !important;
		margin-bottom: -15px;
	}

	.copyrights .footer-nav li {
		float: none !important;
		display: inline-block !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	.copyrights .footer-nav li + li:before {
		left: -8px !important;
	}

	/*
	 * header
	 */

	.main-header {
		height: 50px;
		border-bottom: 1px solid #e0e0e0;
	}

	.main-header.sl {
		border-bottom: none;
	}

	.menu-primary-menu-container,
	.menu-primary-menu-en-container {
		padding-right: 10px;
		margin-top: 0;
	}

	.main-header .main-nav .menu-primary-menu-container > ul > li,
	.main-header .main-nav .menu-primary-menu-en-container > ul > li {
		margin-left: 5px;
		margin-right: 5px;
	}

	.main-header .main-nav .menu-primary-menu-container > ul > li > a,
	.main-header .main-nav .menu-primary-menu-en-container > ul > li > a {
		font-size: 12px;
	}

	.top-header {
		position: relative;
		float: right;
		top: auto;
		right: auto;
	}

	body.cookies .top-header {
		top: 0;
	}

	.sbb-logo {
		width: 50px;
		height: 50px;
	}

	.sbb-logo:after {
	    font-size: 50px;
	    line-height: 50px;
	}

	/*
	 * logo behind
	 */

	.sbb-logo.behind {
		left: 50px;
	}


	/*
	 * logo beauty
	 */

	.sbb-logo.beauty {
		top: 49px;
		left: 50px;
	}

	.sbb-logo.beauty:before {
		width: 30px;
		height: 30px;
	    margin-left: -15px;
	    margin-top: -15px;
	}

	.main-header .sbb-logo.beauty {
		-webkit-animation: animBeauty .5s 1 forwards;
		-moz-animation:    animBeauty .5s 1 forwards;
		-o-animation:      animBeauty .5s 1 forwards;
		animation:         animBeauty .5s 1 forwards;
	}

	@keyframes animBeauty {

		0% {
			top: 0;
			left: 100px;
		}

		30% {
			top: 0;
			left: 50px;
		}

		100% {
			top: 49px;
			left: 50px;
		}
	}

	.main-header.back .sbb-logo.beauty,
	.main-header.popup .sbb-logo.beauty {
		-webkit-animation: animBeautyBackSm .5s 1 forwards;
		-moz-animation:    animBeautyBackSm .5s 1 forwards;
		-o-animation:      animBeautyBackSm .5s 1 forwards;
		animation:         animBeautyBackSm .5s 1 forwards;
	}

	@keyframes animBeautyBackSm {

		0% {
			top: 0;
			left: 100px;
		}

		30% {
			top: 0;
			left: 50px;
		}

		100% {
			top: 49px;
			left: 50px;
		}
	}

	.main-header.sticky .sbb-logo.beauty {
		-webkit-animation: animBeautySticky .5s 1 forwards;
		-moz-animation:    animBeautySticky .5s 1 forwards;
		-o-animation:      animBeautySticky .5s 1 forwards;
		animation:         animBeautySticky .5s 1 forwards;
	}

	@keyframes animBeautySticky {

		0% {
			top: 49px;
			left: 50px;
		}

		30% {
			top: 0;
			left: 50px;
		}

		100% {
			top: 0;
			left: 100px;
		}
	}

	.main-header.sticky.back .sbb-logo.beauty,
	.main-header.sticky.popup .sbb-logo.beauty {
		-webkit-animation: animBeautyStickyBackSm .5s 1 forwards;
		-moz-animation:    animBeautyStickyBackSm .5s 1 forwards;
		-o-animation:      animBeautyStickyBackSm .5s 1 forwards;
		animation:         animBeautyStickyBackSm .5s 1 forwards;
	}

	@keyframes animBeautyStickyBackSm {

		0% {
			top: 49px;
			left: 50px;
		}

		30% {
			top: 0;
			left: 50px;
		}

		100% {
			top: 0;
			left: 150px;
		}
	}


	/*
	 * logo sbb
	 */

	.sbb-logo.sbb {
		left: 100px;
	}

	.main-header .sbb-logo.sbb,
	.main-header.back .sbb-logo.sbb,
	.main-header.popup .sbb-logo.sbb {
		-webkit-animation: animSBB .5s 1 forwards;
		-moz-animation:    animSBB .5s 1 forwards;
		-o-animation:      animSBB .5s 1 forwards;
		animation:         animSBB .5s 1 forwards;
	}

	@keyframes animSBB {

		0% {
			left: 150px;
		}

		30% {
			left: 100px;
		}

		100% {
			left: 100px;
		}
	}

	.main-header.sticky .sbb-logo.sbb {
		-webkit-animation: animSBBSticky .5s 1 forwards;
		-moz-animation:    animSBBSticky .5s 1 forwards;
		-o-animation:      animSBBSticky .5s 1 forwards;
		animation:         animSBBSticky .5s 1 forwards;
	}

	@keyframes animSBBSticky {

		0% {
			left: 100px;
		}

		30% {
			left: 200px;
		}

		100% {
			left: 150px;
		}
	}


	.main-header.sticky.back .sbb-logo.sbb,
	.main-header.sticky.popup .sbb-logo.sbb {
		-webkit-animation: animSBBStickySm .5s 1 forwards;
		-moz-animation:    animSBBStickySm .5s 1 forwards;
		-o-animation:      animSBBStickySm .5s 1 forwards;
		animation:         animSBBStickySm .5s 1 forwards;
	}

	@keyframes animSBBStickySm {

		0% {
			left: 100px;
		}

		30% {
			left: 100px;
		}

		100% {
			left: 150px;
		}
	}

	/*
	 * logo segredos do salao
	 */
	.logo-segredosdosalao {
		height: 50px;
		/*height: 40px;
		top: 5px;
		left: 5px;*/
	}

	.popup-social .links-col a {
		width: 100%;
	}

	.more-btn-thumb {
		width: 150px;
		height: 150px;
	}

	.section-content .post-sidebar {
		padding: 0 25px 25px 25px;
	}

	.section-content .post-sidebar .single-desc {
	    margin-left: -25px;
	    padding: 50px 25px;
	}

	.sidebar-group.related {
		margin-left: -25px;
		margin-bottom: -25px;
	}


	.salon-form,
	.filtros-marcas {
		padding-right: 0;
	}

	.filtros-marcas .i-check {
		width: 33.3333%;
	}

	.section-content {
		padding: 50px;
	}

	.section-header a.selected-drop {
		display: none;
	}

	.page-drop {
		right: 0;
	}

	.page-drop ul li + li {
		margin-top: 0;
		border-top: 1px solid #f3f1f1;
	}

	.page-drop ul a {
		text-align: right;
		font-size: 14px;
	}

	.page-drop a.toggle-drop {
		width: 100%;
		font-family: 'Neuzeit Grotesk Bold';
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: right;
		margin-top: -50px;
		background: #ecd773;
		color: #000;
	}

	.page-drop a.toggle-drop:before {
		content: "\e909";
		margin-left: 25px;
		background: #000;
		color: #fff;
	}

	.page-drop.open a.toggle-drop:before {
		content: "\e908";
	}

	.page-filters {
		width: 100px;
		top: 50px;
	}

	.page-filters .filter-btn {
		font-size: 0;
	}

	.filter-btn .arrow-right:before {
		margin-right: 10px;
	}

	.filter-btn .arrow-left:before {
		margin-left: 10px;
	}

	.top-image,
	.makeover-imgs,
	.page.single .section.content .section-content{
		padding: 0 50px;
	}

	.page-title .download-kit-btn,
	.intro-title .download-kit-btn {
		top: 50px;
		right: 50px;
	}

	.page.single.kit-press .section.content .section-content .gallery,
	.page.single.kit-pro .section.content .section-content .gallery {
		margin-left: -60px;
		padding-left: 50px;
		margin-right: -60px;
		padding-right: 50px;
	}

	.single-dossier .top-image,
	.single-dossier_pro .top-image {
		height: auto !important;
	}

	.top-image .desc,
	.single-dossier .top-image .desc,
	.single-dossier_pro .top-image .desc {
		position: relative;
	    width: 100%;
	    bottom: auto;
	    right: auto;
	    padding: 0;
	    background: none;
	    margin-top: 25px;
	}

	.section.newsletter .section-content {
		padding-left: 100px;
		padding-right: 100px;
	}

	.nl-form-msgs h6,
	.nl-form-msgs .h6 {
		font-size: 16px;
		line-height: 22px;
	}

	.section .ts > * {
		padding: 0 10px 0 50px;
	}

	body.cookies .section-header {
		top: 100px;
	}

	.section-header + .section {
		margin-top: 150px !important;
	}

	body.cookies .section-header + .section {
		margin-top: 200px !important;
	}

	.page .grid-container {
		padding-top: 50px;
	}

	.page .intro-section + .grid-container {
		margin-top: -50px;
	}

	.page.categoria .grid-container {
		padding-top: 150px;
	}

	body.cookies .page.categoria .grid-container {
		padding-top: 200px;
	}

	.page-filters {
		top: 150px;
	}

	body.cookies .page-filters {
		top: 200px;
	}

	.section.kits .kit {
		width: 50%;
	}

	.section.produtos .ts.left {
		width: 50%;
	}

	.section.produtos .ts.right {
		width: 50%;
	}

	.section.newsletter .ts.right,
	.section.newsletter-cta .ts.right {
		padding: 0 50px 0 75px;
	}

	.section.newsletter .ts.right h6,
	.section.newsletter-cta .ts.right h6,

	.section.newsletter .ts.right .h6,
	.section.newsletter-cta .ts.right .h6 {
		font-size: 14px;
		line-height: 19px;
	}

	.section.historias {
		margin-top: 0;
	}

	.grid-thumb .thumb-title h6 {
		font-family: 'Neuzeit Grotesk Bold';
	}

	/*
	 * posts
	 */

	.page-title,
	.intro-title {
		height: 100px;
		vertical-align: middle;
		padding: 0 125px;
	}

	.section-header .page-title label,
	.section-header .intro-title label {
		margin-top: 0;
		margin-bottom: -10px;
	}

	.section-header.author .page-title label,
	.section-header.author .intro-title label {
		margin-bottom: -5px;
		margin-top: 0;
		font-size: 16px;
	}

	.page.profile .section.content p {
		font-size: 18px;
		line-height: 18px;
	}

	.section-header .page-title,
	.section-header .intro-title {
		font-size: 40px;
	}

	.page-title + .section.content,
	.intro-title + .section.content {
		padding-top: 25px;
	}

	.page.single.kit-press .page-title + .section.content,
	.page.single.kit-pro .page-title + .section.content,
	.page.single.kit-press .intro-title + .section.content,
	.page.single.kit-pro .intro-title + .section.content {
		padding-top: 0;
	}

	.section.content .section-content {
		padding-bottom: 25px;
	}



	.section-header .page-title,
	.section-header .intro-title {
		padding: 0 150px;
	}

	.section-header .page-logo {
		padding: 0 150px;
		margin-top: 10px;
	}

	.section-header .page-logo img {
		height: 55px;
		width: auto;
	}



	/*
	 * more-btn-thumb
	 */

	.more-btn-thumb .more-icn {
	    margin-top: -40px;
	}

	.more-btn-thumb .more-label {
		opacity: 1;
		margin-top: 25px;
	}



	/*
	 * marcas
	 */

	.section.marcas .logo-marca {
		width: 32%;
	}



	/*
	 * makeovers
	 */

	.makeover-imgs {
		padding-top: 0 !important;
	}



	/*
	 * grid thumbs
	 */

	.grid-col.left .sbb-thumb .thumb-hover,
	.grid-col.left .sbb-thumb .thumb-active {
		padding-left: 25px;
	}

	.grid-col.right .sbb-thumb .thumb-hover,
	.grid-col.right .sbb-thumb .thumb-active {
		padding-right: 25px;
	}

	.thumb-title p {
		font-family: 'Neuzeit Grotesk Light';
		font-size: 16px;
		line-height: 21px;
		font-weight: normal;
		margin-top: 10px;
	}

	.thumb-title > .pdate,
	.thumb-hover .desc > .pdate,
	.thumb-active .desc > .pdate {
		font-size: 14px;
		line-height: 14px;
	}

	.section-header {
		height: 100px;
		top: 50px;
	}

	.section-header .page-title,
	.section-header .intro-title {
		padding: 0 75px;
	}

	.section-header .page-logo {
		padding: 0 75px;
		margin-top: 21px;
	}

	.intro-section {
		padding: 0 125px;
	}

	.section.content .section-content {
		padding: 0 125px;
	}

	.section-header + .section.kits .section-content {
		padding-left: 125px;
		padding-right: 125px;
	}

	.intro-section + .grid-container .section-label {
		top: 250px;
	}

	.page.front .section-label {
		top: -100px;
	}

	.gallery-caption {
		text-align: left;
	}

	.product-desc p/*,
	.slick-current .product-desc p*/ {
		display: block;
		opacity: 1;
		padding-top: 0 !important;
		padding-bottom: 15px !important;
	}

	.gallery .g-item > a .download-kit {
		width: 100px;
	}


	.section.kits .kit-btns {
		display: inline-block;
		opacity: 1;
	}


	.popup-tc {
		width: 45%;
	}

	.popup-tc .content-preloader {
		width: 45%;
	}

	.popup-tc.intro {
		width: 55%;
	}

	.popup-wrapper.auth .popup-tc.intro {
		left: 45%;
	}

	.popup-tc.intro > .intro {
		padding: 0 50px;
	}

	.popup-tc.intro > .intro h5,
	.popup-tc.intro > .intro .h5 {
		font-size: 18px;
		line-height: 22px;
	}



	/*
	 *  SALON LOCATOR
	 */

	.section.salons-locator .sl-search {
		padding: 50px 25px 50px 325px;
	}

	.section.salons-locator .salon-filters .filtros-marcas .i-check {
		width: 50%;
	}

	.section.salons-locator .salon-form input {
		font-size: 30px;
	}

	.section.salons-locator .salon-form .input-placeholder {
		font-size: 29px;
	}

	.section.salons-locator .salon-form input::-webkit-input-placeholder {
		font-size: 30px;
	}

	.section.salons-locator .salon-form input:-moz-placeholder {
		font-size: 30px;
	}

	.section.salons-locator .salon-form input::-moz-placeholder {
		font-size: 30px;
	}

	.section.salons-locator .salon-form input:-ms-input-placeholder {  
		font-size: 30px;
	}


	/*
	 * dossiers
	 */

	.dossier-desc p {
		display: none;
	}


}

@media (max-width: 767px) {
	
	/*
	 * headings
	 */

	h1,
	.h1 {
		font-size: 32px;
		line-height: 36px;
	}

	h2,
	.h2 {
		font-size: 28px;
		line-height: 32px;
	}

	h3,
	.h3 {
		font-size: 24px;
		line-height: 28px;
	}

	h4,
	.h4 {
		font-size: 22px;
		line-height: 26px;
	}

	h5,
	.h5 {
		font-size: 20px;
		line-height: 24px;
	}

	h6,
	.h6 {
		font-size: 18px;
		line-height: 23px;
	}

	p,
	a {
		font-size: 16px;
		line-height: 21px;
	}


	/*
	 * inputs
	 */

	input {
		font-size: 16px;
		line-height: 50px;
	}

	.input-placeholder {
		font-size: 16px;
		line-height: 50px;
	}

	::-webkit-input-placeholder {
		font-size: 16px;
		line-height: 50px;
	}

	:-moz-placeholder {
		font-size: 16px;
		line-height: 50px;
	}

	::-moz-placeholder {
		font-size: 16px;
		line-height: 50px;
	}

	:-ms-input-placeholder {  
		font-size: 16px;
		line-height: 50px;
	}


	/*
	 * cookies
	 */

	.cookies-notice {
		display: table;
		padding: 0 15px;
	}

	.cookies-txt {
		margin: 0;
		display: table-cell;
		vertical-align: middle;
	}

	.cookies-notice p,
	.cookies-notice a {
		margin: 0;
		font-size: 14px;
		line-height: 18px;
	}

	.cookies-notice a {
		margin-left: 5px;
		text-decoration: underline;
	}


	/*
	 * logo sbb
	 */

	.sbb-logo.sbb {
		display: none !important;
	}


	/*
	 * header
	 */

	.main-header {
		height: 50px;
	}

	.menu-primary-menu-container,
	.menu-primary-menu-en-container {
		padding-left: 0;
		padding-right: 0;
	}

	.filtros-marcas {
		padding-right: 0;
	}

	.toggle-nav,
	.main-header .search-btn-mobile,
	.main-header .login-btn-mobile,
	.main-header .profile-btn-mobile {
		display: inline-block;
	}

	.top-header {
		display: none;
	}

	/*
	 * menu
	 */

	.main-nav {
		display: none;
		width: 100%;
		height: auto;
		background: #fff;
		position: absolute;
		top: 50px;
		left: 0;
		text-align: center;
		padding: 50px 100px 35px 100px;
		overflow-x: auto;
	}

	.main-nav.open {
		display: block;
	}

	.main-nav-t {
		display: table;
		width: 100%;
		height: 100%;
	}

	.main-nav-tc {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}

	.main-nav li {
		display: block;
		float: none;
		padding: 0 !important;
		margin: 0 !important;
	}

	.main-nav ul {
		display: block;
	}

	.main-nav a {
		display: block;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 12px;
		line-height: 35px;
	}

	.main-nav .social-links-mobile {
		margin-top: 50px !important;
		font-family: 'Neuzeit Grotesk Bold';
		font-weight: normal;
	}

	.main-nav .user-links,
	.main-nav .logout-btn,
	.main-nav .pro-btns,
	.main-nav .social-links-mobile,
	.main-nav .langs-mobile {
		display: block;
	}

	.main-nav .logout-btn {
		color: #a8a8a8;
	}


	/*
	 * Slider
	 */

	.slides {
		position: relative;
		height: 100% !important; /* fix height */
	}

	.slide {
		height: 100% !important; /* fix height */
	}

	.slider.adjustToContainer .slides,
	.slider.adjustToContainer .slide-desc {
		position: relative;
		top: auto !important;
	}

	.slider.adjustToContainer .slide-desc {
		padding-left: 50px;
	}

	.slides,
	.slide-desc {
		top: 0;
	}

	.slider-container {
		padding: 0;
		margin: 0;
	}

	.slider-dossier {
		margin-left: 0;
	}

	.slider-nav-item,
	.slider-titles,
	.slider-thumbs,
	.slider-thumb-title {
		display: none !important;
	}

	.slider-nav-item,
	.slider-nav-prev,
	.slider-nav-next {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.slider-nav-prev,
	.slider-nav-next {
		display: inline-block !important;
	}

	.slider-nav-item.current,
	.slider-nav-prev.current,
	.slider-nav-next.current {
		width: 100px;
	    padding-left: 50px;
	    background: #fff;
	}

	.slider-titles {
		height: 100px;
		padding-right: 50px;
	}

	.slide-title {
		max-width: 100%;
		padding-right: 25px;
	}

	.slider-nav {
		left: auto !important;
		right: 0!important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: auto !important;
	}

	.slide-desc {
		width: 100% !important;
		height: auto !important;
		display: none;
		position: absolute;
		top: auto;
		right: auto;
		left: auto;
		padding: 25px 25px 25px 25px !important;
		text-align: left;
	}

	.slide-desc .post-cat.vert {
		width: auto !important;
		height: auto !important;
		left: auto;
		right: auto;
		top: auto;
		margin: 0;
		position: relative;
	}


	.section.historias .top-section,
	.section.favoritos .top-section,
	.section.pro .top-section,
	.section.press .top-section {
		margin-bottom: -50px;
	}


	/*
	 * post cat
	 */

	.post-cat .cat-name,
	.post-cat.vert .cat-name,
	.post-cat.horiz .cat-name {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transform-origin: none;
		-moz-transform-origin: none;
		-ms-transform-origin: none;
		-o-transform-origin: none;
		transform-origin: none;
		float: right;
		margin-left: 0;
		font-family: 'Neuzeit Grotesk Bold';
		font-weight: normal;
	}

	.post-cat .cat-name .pl2,
	.post-cat.vert .cat-name .pl2,
	.post-cat.horiz .cat-name .pl2 {
		position: relative;
		font-family: 'Neuzeit Grotesk Light';
		font-weight: normal;
		padding-left: 10px;
		margin-left: 10px;
	}

	.post-cat .cat-name .pl2:before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 10px;
		position: absolute;
		left: -6px;
		top: 2px;
		/*background: #000;
		background: #c8c8c8;*/
		background: #afafaf;
		margin: 0 5px;
	}

	.post-cat .cat-icn,
	.post-cat.vert .cat-icn,
	.post-cat.horiz .cat-icn,
	.slide-desc .post-cat.horiz.right .cat-icn {
		position: relative;
		left: auto;
		margin: 0;
		top: auto;
		width: 50px;
		height: 16px;
		float: left;
	}

	.post-cat .cat-name + .cat-icn,
	.post-cat.vert .cat-name + .cat-icn,
	.post-cat.horiz .cat-name + .cat-icn {
		top: auto;
		bottom: auto;
		margin-right: 10px;
	}

	.slide-desc .post-cat.horiz.right .cat-icn {
		margin-right: 10px;
	}

	.post-cat .cat-icn:after,
	.post-cat.vert .cat-icn:after,
	.post-cat.horiz .cat-icn:after,
	.slide-desc .post-cat.horiz.right .cat-icn:after {
		top: -18px;
		left: auto;
		right: 0;
	}

	.post-cat .cat-icn.cabelo:after,
	.post-cat.vert .cat-icn.cabelo:after,
	.post-cat.horiz .cat-icn.cabelo:after,
	.slide-desc .post-cat.horiz.right .cat-icn.cabelo:after,
	.post-cat .cat-icn.hair:after,
	.post-cat.vert .cat-icn.hair:after,
	.post-cat.horiz .cat-icn.hair:after,
	.slide-desc .post-cat.horiz.right .cat-icn.hair:after {
		content: "\e942";
	}

	.post-cat .cat-icn.cabelo,
	.post-cat.vert .cat-icn.cabelo,
	.post-cat.horiz .cat-icn.cabelo,
	.slide-desc .post-cat.horiz.right .cat-icn.cabelo,
	.post-cat .cat-icn.hair,
	.post-cat.vert .cat-icn.hair,
	.post-cat.horiz .cat-icn.hair,
	.slide-desc .post-cat.horiz.right .cat-icn.hair {
	    margin-left: -17px;
	}

	.post-cat .cat-icn.pele:after,
	.post-cat.vert .cat-icn.pele:after,
	.post-cat.horiz .cat-icn.pele:after,
	.slide-desc .post-cat.horiz.right .cat-icn.pele:after,
	.post-cat .cat-icn.skin:after,
	.post-cat.vert .cat-icn.skin:after,
	.post-cat.horiz .cat-icn.skin:after,
	.slide-desc .post-cat.horiz.right .cat-icn.skin:after {
		content: "\e944";
	}

	.post-cat .cat-icn.pele,
	.post-cat.vert .cat-icn.pele,
	.post-cat.horiz .cat-icn.pele,
	.slide-desc .post-cat.horiz.right .cat-icn.pele,
	.post-cat .cat-icn.skin,
	.post-cat.vert .cat-icn.skin,
	.post-cat.horiz .cat-icn.skin,
	.slide-desc .post-cat.horiz.right .cat-icn.skin {
	    margin-left: -39px;
	}

	.post-cat .cat-icn.unhas:after,
	.post-cat.vert .cat-icn.unhas:after,
	.post-cat.horiz .cat-icn.unhas:after,
	.slide-desc .post-cat.horiz .cat-icn.unhas:after,
	.post-cat .cat-icn.nails:after,
	.post-cat.vert .cat-icn.nails:after,
	.post-cat.horiz .cat-icn.nails:after,
	.slide-desc .post-cat.horiz .cat-icn.nails:after {
		content: "\e943";
	}

	.post-cat .cat-icn.unhas,
	.post-cat.vert .cat-icn.unhas,
	.post-cat.horiz .cat-icn.unhas,
	.slide-desc .post-cat.horiz.right .cat-icn.unhas,
	.post-cat .cat-icn.nails,
	.post-cat.vert .cat-icn.nails,
	.post-cat.horiz .cat-icn.nails,
	.slide-desc .post-cat.horiz.right .cat-icn.nails {
	    margin-left: -31px;
	}

	/*
	 * more-btn-thumb
	 */

	.more-btn-thumb {
		width: 100%;
		height: 100px !important;
		text-align: left;
		margin: 0;
		border-color: #fff;
		background: #ecd773;
	}

	.section-header + .section .more-btn-thumb,
	.page .section-header + .section.dossiers .dossiers-posts .more-btn-thumb,
	.section.lg .top-section + .dossiers-posts .more-btn-thumb {
		background: #ecd773;
		border-color: #f3f1f1;
		width: 100% !important;
		margin: 0;
	}

	.more-btn-thumb .more-icn,
	.more-btn-thumb .more-label {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin: 0;
	}

	.more-btn-thumb .more-icn {
		float: right;
	}

	.more-btn-thumb .more-icn:before {
		content: "\e916";
	}

	.more-btn-thumb .more-label {
		width: auto;
		display: inline-block;
		font-family: 'Neuzeit Grotesk Bold';
		font-size: 14px;
		line-height: 50px;
		opacity: 1;
		margin-left: 25px;
	}

	.grid-container .more-btn-thumb {
		margin-top: -25px !important;
		margin-bottom: 0 !important;
	}

	.grid-col .section-label {
		display: none !important;
	}

	.grid-container .sbb-thumb .thumb-hover,
	.grid-container .sbb-thumb .thumb-active {
		padding-left: 25px;
		padding-right: 25px;
	}

	.popup-social:before {
		content: "";
		display: inline-block;
		width: 50px;
		height: 100%;
		background: #fff;
		opacity: .85;
		position: fixed;
		top: 50px;
		left: 0;
		z-index: 1000;
	}

	.popup-social .links {
		background: #000;
		padding: 50px 0;
	}

	.popup-social .links-col {
		width: 100%;
		float: none;
		overflow: hidden;
	    padding: 0 50px;
	}

	.popup-social .links-col + .links-col {
		margin-top: 25px;
	    padding-top: 25px;
	    border-top: 1px solid #323232;
	}

	.popup-social {
		overflow-y: auto;
	}

	.section.historias {
		margin-top: 0;
	}

	.top-section {
		height: 100px;
	}

	.section.artigos .top-section {
		margin-bottom: -50px;
	}

	.bottom-section {
		height: 50px;
	}

	.top-section.lg,
	.bottom-section.lg {
		height: 100px;
	}

	.section .ts,
	.section .ts.right,
	.section .ts.left,
	.section.produtos .ts,
	.section.produtos .ts.right,
	.section.produtos .ts.left {
		width: 100%;
	}

	.section .ts > *,
	.section .ts.right > *,
	.section .ts.left > *,
	.section.produtos .ts > *,
	.section.produtos .ts.right > *,
	.section.produtos .ts.left > * {
		padding: 0 25px;
	}

	.section .ts > h3, 
	.section .ts > .h3 {
		font-size: 24px;
		line-height: 24px;
	}

	.section.produtos .ts > .slick-arrow {
		padding: 0 !important;
	}

	.section.salon-locator .ts.right {
		padding: 0 15px 0 35px;
	}

	.section.newsletter .ts.right,
	.section.newsletter-cta .ts.right {
		padding: 0 25px 0 75px;
	}

	.section.newsletter .ts.right h6,
	.section.newsletter-cta .ts.right h6,

	.section.newsletter .ts.right .h6,
	.section.newsletter-cta .ts.right .h6 {
		font-size: 16px;
		line-height: 21px;
	}

	.section .ts.left.wh,
	.section.produtos .ts.left.wh {
		width: 100px;
		min-width: 100px;
	}

	.section.newsletter-cta .ts.left {
		width: auto;
		min-width: auto;
	}

	.scroll-to-nl:before {
		top: 52px;
	}

	.scroll-to-nl > span {
		top: 15px;
	}

	.section.newsletter-cta .scroll-to-nl {
		left: 0;
	}

	.section .ts.left + .section .ts.right.wh,
	.section.produtos .ts.left + .section.produtos .ts.right.wh  {
		width: 50px;
		min-width: 50px;
	}


	.section.historias .ts.left.wh,
	.section.social .ts.left.wh,
	.section.artigos .ts.left.wh {
		width: 100%;
	}

	.section.produtos .bottom-section .ts.right {
		background: #fff;
	}

	.section-content {
		padding: 50px 25px;
	}

	.page.profile .section.content .u-actions {
		width: 100%;
		height: auto;
		min-height: 50px;
		float: none;
		margin-right: 0;
		margin-top: -20px;
		margin-bottom: 0;
		padding-bottom: 25px;
	}

	.page.profile .section.content .u-actions,
	.page.profile .section.content .u-info {
		float: none;
	}

	.page.profile .section.content .u-pic-placeholder,
	.page.profile .section.content .u-pic-placeholder.has-pic {
		width: 100%;
		height: auto;
	}

	.page.single.kit-press .page-title + .section.content,
	.page.single.kit-pro .page-title + .section.content,
	.page.single.kit-press .intro-title + .section.content,
	.page.single.kit-pro .intro-title + .section.content {
		padding-top: 25px;
	}

	.page-drop {
		top: 50px;
	}

	a.selected-drop {
		right: 50px;
	}

	.section-header + .section {
		margin-top: 150px !important;
	}

	body.cookies .section-header + .section {
		margin-top: 200px !important;
	}

	.top-image,
	.makeover-imgs,
	.page.single .section.content .section-content {
		padding: 0 25px;
	}

	.page-title .download-kit-btn,
	.intro-title .download-kit-btn {
		position: relative;
		right: auto;
		top: auto;
		margin-top: 15px;
	}

	.page-title .download-kit-btn {
		width: 100%;
		text-align: left;
		padding: 0 10px 0 25px !important;
	}

	.page-title .download-kit-btn .icn,
	.intro-title .download-kit-btn .icn {
		float: right;
		margin-left: 0;
		margin-right: 0;
	}

	.single.kit-press .page-title,
	.single.kit-press .intro-title,
	.single.kit-pro .page-title,
	.single.kit-pro .intro-title {
		display: inline-block;
		height: auto;
	}

	.page.single.kit-press .section.content .section-content .gallery,
	.page.single.kit-pro .section.content .section-content .gallery {
		margin-left: -35px;
		padding-left: 25px;
		margin-right: -35px;
		padding-right: 25px;
	}

	.makeover-imgs {
		padding: 0;
	}


	.section-content .post-content .single-img,
	.section-content .post-content .single-vid {
		margin-left: -25px;
		margin-right: -25px;
		margin-top: 50px;
		margin-bottom: 25px;
	}

	body.cookies .section-content .post-content .single-img {
		margin-bottom: 25px;
	}

	

	/*
	 * download
	 */
	.download_pdf {
		padding-bottom: 40px;
	}


	/*
	 * trainer info
	 */
	.trainer_info {
		padding: 10px 0 55px 0;
	}


	/*
	 * gallery
	 */

	.gallery {
		padding-bottom: 0;
	}

	.gallery.with-arrows {
		padding-bottom: 35px;
		margin-bottom: -15px;
	}


	/*
	 * posts
	 */

	.section-header .page-logo {
		padding: 0 100px;
	}


	/*
	 * produtos
	 */

	.featured-product {
		background: #ecd773;
	}

	.product-desc {
		width: 100%;
	}

	.product-desc-wrp {
		width: 100%;
		padding-top: 120px;
		padding-bottom: 80px;
		padding-left: 180px;
		padding-right: 30px;
		margin: 0;
	}

	.product-desc h5,
	.product-desc .h5 {
		font-size: 18px;
		line-height: 23px;
	}

	.product-desc p {
		display: none;
	}

	.product-desc .ud-more {
		margin-top: 50px;
	}

	.product-brand {
		margin-top: -10px;
	}

	.product-desc .cat-icn {
		margin-left: 45px;
	}

	.product-buttons {
		width: 100%;
		right: auto;
    	left: 180px;
	}

	.product-img {
		width: 100px;
		height: 100% !important;
		background: #f3f1f1;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.product-img > img {
		width: 200px;
		height: auto;
		margin-right: -50px;
		position: absolute;
		bottom: 5px;
		left: 0;
	}



	/*
	 * dossiers
	 */

	.dossiers-container {
		width: auto !important;
		overflow: hidden;
		border-bottom: 1px solid #e0e0e0;
		padding: 0;
	}

	.dossiers-container .more-btn-thumb {
		clear: both;
		display: inline-block;
		width: 100% !important;
	}


	/*
	 * grid
	 */

	.section.historias {
		margin-bottom: 0;
	}

	.grid-col,
	.grid-col.left,
	.grid-col.right {
		width: 100%;
		padding: 0;
	}

	.grid-container .sbb-thumb {
		margin-bottom: 25px;
	}

	.grid-container .sbb-thumb.pub.yellow {
		width: 100%;
	}

	.grid-container .thumb-container,
	.grid-container .sbb-thumb {
		width: 100%;
		clear: both;
		float: none;
	}

	.grid-container .sbb-thumb .thumb-img img {
		width: 100% !important;
		height: auto !important;
	}

	.grid-container .thumb-title,
	.grid-col.left .thumb-title,
	.grid-col.right .thumb-title {
		font-family: 'Neuzeit Grotesk Bold';
		text-align: left;
		width: 100% !important;
	}

	.grid-container .sbb-thumb .thumb-hover {
		display: none !important;
	}

	.grid-container .thumb-container {
		width: auto;
		padding-left: 25px !important;
		padding-right: 25px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 25px !important;
		border-bottom: 1px solid #e0e0e0;
	}

	.thumb-title p {
		font-family: 'Neuzeit Grotesk Regular';
		font-size: 16px;
		line-height: 21px;
		font-weight: normal;
		margin-top: 15px;
	}

	.thumb-title > .pdate,
	.thumb-hover .desc > .pdate,
	.thumb-active .desc > .pdate {
		font-size: 14px;
		line-height: 14px;
		font-family: 'Neuzeit Grotesk Regular';
	}

	.thumb-title > h6,
	.thumb-title > .h6,
	.thumb-hover .desc > h6,
	.thumb-hover .desc > .h6,
	.thumb-active .desc > h6,
	.thumb-active .desc > .h6 {
		font-family: 'Neuzeit Grotesk Bold';
	}

	.page-filters {
		top: 100px;
	}

	body.cookies .page-filters {
		top: 150px;
	}


	/*
	 * label
	 */

	.thumb-label {
		position: relative;
		top: auto;
	}

	.grid-col.left .thumb-label {
		right: auto;
		margin-right: 0;
	}

	.grid-col.right .thumb-label {
		left: auto;
		margin-left: 0;
	}

	.thumb-label .post-cat.vert {
		width: auto !important;
		height: auto !important;
		float: left;
		margin-top: 20px;
	}

	.sbb-thumb.pub .thumb-label .post-cat.vert {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.sbb-thumb .thumb-title > .plabel,
	.sbb-thumb .thumb-title > .pbrand,
	.sbb-thumb .thumb-title > .ptrainer {
		
	}


	/*
	 * salon locator
	 */

	.section.salons-locator .sl-list .fixed-logo {
		display: none;
	}

	.filtros-marcas {
		padding: 15px 25px 25px 25px;
		height: auto;
	}

	.filtros-marcas .i-check {
		width: 50%;
	}

	.section.salon-locator .section-content {
		padding: 0;
	}

	.salon-form {
		padding: 0 25px 75px 25px;
	}

	.section.salons-locator .salon-form {
		margin-bottom: 50px;
	}

	.salon-form .form-input,
	.salon-form.en .form-input {
		position: relative;
		left: auto;
		top: auto;
		padding-right: 0;
	}

	.salon-form input {
		font-size: 24px;
		padding-left: 0;
		padding-right: 0;
		border: none !important;
	}

	.salon-form .input-placeholder {
		font-size: 24px;
	}

	.salon-form input::-webkit-input-placeholder {
		font-size: 24px;
	}

	.salon-form input:-moz-placeholder {
		font-size: 24px;
	}

	.salon-form input::-moz-placeholder {
		font-size: 24px;
	}

	.salon-form input:-ms-input-placeholder {  
		font-size: 24px;
	}

	.pac-item,
	.autocomplete-suggestion,
	.pac-item-query,
	.acs-item-query {
		font-size: 20px;
		line-height: 35px;
	}


	.salon-form .form-btns {
		float: none;
		width: 100%;
		height: 50px;
		position: relative;
	}

	.salon-form .form-btns button {
		float: none;
		position: absolute;
		top: 0;
		padding: 0;
		text-align: center;
	}

	.salon-form .locate-btn {
		width: 100%;
		padding: 0 25px;
		left: 0;
	}

	.salon-form .geo-btn {
		right: 0;
		top: -50px !important;
	}



	/*
	 * top image
	 */

	.single-dossier .top-image,
	.single-dossier_pro .top-image {
		height: auto !important;
		margin-left: -25px;
		margin-right: -25px;
		overflow: hidden;
	}

	.top-image .desc {
		padding: 0;
	    padding-top: 25px;
	    background: none;
	}

	.top-image + .page.dossier .grid-container,
	.top-image + .page.dossier_pro .grid-container {
		padding-top: 25px;
	}

	.top-image .desc,
	.single-dossier .top-image .desc,
	.single-dossier_pro .top-image .desc {
		padding: 0 25px;
	}

	.top-image > .brd-btn {
		margin-left: 25px;
	}


	/*
	 * social
	 */

	.social-posts {
		width: 100%;
		text-align: center;
	}

	.social-post {
		margin: 0 auto;
		margin-bottom: 15px;
    	float: none !important;
	}

	.social-post .post-desc,
	.yt-container .post-desc  {
		opacity: 1;
		padding-top: 25px;
	}

	.social-post.icn-sm {
		display: none;
	}

	.yt-videos {
		float: none;
		width: 100%;
		padding: 0;
	}

	.yt-container {
		width: 100%;
		padding: 0 25px;
		margin: 0 0 25px 0;
	}

	.yt-container.icn {
		display: none;
	}

	.social-posts h6,
	.yt-videos h6,

	.social-posts .h6,
	.yt-videos .h6 {
		padding: 0 25px;
		margin-bottom: 15px;
		text-align: left;
		font-family: 'Neuzeit Grotesk Bold';
	}


	/*
	 * nl
	 */

	.section.newsletter.bk .ts {
		background: #000;
	}

	.section.newsletter .top-section {
		height: 50px;
	}

	.section.newsletter .ts.left {
		width: 50px;
		min-width: 50px;
	}

	.section.newsletter .scroll-to-top {
		left: 25px;
	}

	.section.newsletter .ts.right {
		width: 50%;
	}

	/*
	 * newsletter
	 */

	.section.newsletter .section-content {
		padding: 50px;
	}

	.nl-form {
		padding-top: 0;
	}

	.nl-form-msgs {
		padding: 0 5px;
		margin-bottom: 30px;
	}

	.nl-form-msgs h6,
	.nl-form-msgs .h6 {
		font-size: 16px;
		line-height: 24px;
	}

	.nl-form-msgs h6 br,
	.nl-form-msgs .h6 br {
		display: none;
	}

	.section.newsletter-cta h6,
	.section.newsletter-cta .h6 {
		font-size: 14px;
		line-height: 18px;
	}

	.nl-form input {
		font-size: 24px;
	}

	.nl-form .input-placeholder {
		font-size: 24px;
	}

	.nl-form input::-webkit-input-placeholder {
		text-align: center;
		font-size: 24px;
	}

	.nl-form input:-moz-placeholder {
		text-align: center;
		font-size: 24px;
	}

	.nl-form input::-moz-placeholder {
		text-align: center;
		font-size: 24px;
	}

	.nl-form input:-ms-input-placeholder {  
		text-align: center;
		font-size: 24px;
	}

	.mc-submit {
		position: relative;
	}

	.mc-submit input[type="submit"],
	.mc-submit button {
		text-align: center;
		font-size: 14px;
		display: block;
		padding: 0;
		width: 100%;
	}


	/*
	 * gallery
	 */

	.gallery .g-item {
		position: relative;
	}

	.gallery .g-caption {
		position: absolute;
		bottom: 10px;
		right: 10px;
		z-index: 9999;
		background: #fff;
		width: auto;
		text-align: right;
		padding: 15px;
	}

	.gallery.kit .g-caption {
		position: relative;
		bottom: auto;
		right: auto;
		text-align: left;
		padding-left: 0;
	}


	/*
	 * quiz
	 */

	.quiz-dots li {
		display: none;
	}

	.quiz-dots li.active {
		display: inline-block;
	}


	/*
	 * copyrights
	 */

	.copyrights {
		padding: 0 30px;
		text-align: center;
		height: auto;
	}

	.copyrights p,
	.copyrights a {
		line-height: 20px;
		text-align: center;
		float: none;
	}

	.copyrights p.cr {
		margin-top: 30px;
		margin-bottom: 15px;
		margin-left: 0;
		text-align: center;
		float: none;
	}

	.copyrights p.cr span {
		display: none;
	}

	.copyrights .footer-nav {
		text-align: center;
		float: none;
		margin-bottom: 30px;
		margin-right: 0;
	}

	.copyrights .footer-nav li {
		margin: 0;
		padding: 0;
		float: none;
	}

	.copyrights .footer-nav li + li:before {
		display: none;
	}

	/*
	 * marcas
	 */

	.section.marcas {
		padding: 0 20px;
	}

	.section.marcas .logo-marca {
		width: 49%;
	}

	.page-title,
	.intro-title {
		padding: 0 25px;
		padding-top: 75px;
	}

	.section-header.author .page-title label,
	.section-header.author .intro-title label {
		margin-bottom: -5px;
		margin-top: -5px;
		font-size: 16px;
	}

	.section-header {
		height: 100px;
	}

	.section-header .page-title,
	.section-header .intro-title {
		padding: 0 25px 0 90px;
		height: 100px;
		font-size: 30px;
		line-height: 30px;
	}

	.intro-section {
		padding: 0 25px;
	}

	.page.pro .intro-section {
		padding-top: 100px !important;
	}

	.page-filters + .intro-section {
		padding-top: 100px !important;
	}

	.intro-section .view-btns {
		margin-top: -80px;
	}

	.section.content .section-content {
		padding: 0 25px;
	}

	.section-header + .section.kits .section-content {
		padding-left: 25px;
		padding-right: 25px;
	}


	/*
	 * kits
	 */

	.section.kits .kits-container {
		margin: 0 -15px;
	}

	.section.kits .kit {
		padding-left: 15px;
		padding-right: 15px;
		width: 50%;
		height: auto;
	}

	.section.kits .kit-clear3,
	.section.kits .kit-clear4,
	.section.kits .kit-clear5,
	.section.kits .kit-clear6 {
		display: none;
	}

	.section.kits .kit-clear2 {
		display: block;
	}

	.section.kits .kit.more {
		width: 100%;
		height: auto !important;
		margin: 0;
		margin-top: -25px;
		padding: 0;
	}

	.section.kits .kit-img {
		width: 100% !important;
		height: auto !important;
	}

	.section.kits .kit-desc {
		text-align: left;
	}

	.section.kits .kit .more-btn-thumb {
		display: block;
		margin: 0 -10px 25px -10px;
		width: auto !important;
	}


	/*
	 * single content
	 */

	.section-content .post-content {
		width: 100%;
		padding-right: 0;
		padding-top: 25px;
		float: none;
	}

	.section-content .post-content.single-vi {
		padding-top: 0;
	}

	.slider-container.with-dossier + .page.single .section-content .post-content {
		padding-top: 180px;
	}

	.section-content .post-content .post-desc .xs-post-cat {
		margin-bottom: 0;
	}

	.section-content .post-content .post-desc + * {
		margin-top: 15px;
	}

	.content-tags {
		overflow: hidden;
	}

	.content-tags .tag-label {
		float: left;
		margin-right: 15px;
		line-height: 22px;
	}

	.section-content .post-content .expand-content a {
		text-decoration: none;
	}

	.section-content .post-content .xs-post-cat .post-cat {
		margin-bottom: 15px;
	}

	.content-tags .tag-group {
		clear: none;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.content-tags .tag-group + .tag-group {
		padding-top: 0;
	}

	.content-tags + * {
		clear: both;
	}

	.section-content .post-sidebar {
		position: relative;
		width: auto;
		padding: 0;
		margin: 0 -25px;
		clear: both;
		float: none;
		overflow: hidden;
	}

	.section-content .post-sidebar:before {
		display: none;
	}

	.sidebar-group.related {
		max-width: 768px;
		width: auto;
		margin: 0;
		padding: 0;
	}

	.sidebar-thumb {
		width: 100%;
	}

	.sidebar-thumb .thumb-desc {
		opacity: 1;
	}

	.section-content .post-content .expand-content {
		padding-right: 0;
	}

	.section-content .post-content .btn.read-more {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.content-actions {
		margin: 50px 0;
		overflow: hidden;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 60px;
	}

	.content-shares {
		float: left;
		margin-right: 25px;
		padding-left: 1px;
	}

	.content-fav {
		float: left;
		margin-top: 40px;
		margin-left: 1px;
	}


	.section-content .post-content .post-desc {
		width: 100% !important;
		height: auto !important;
	}

	.section-content .post-content .post-comments {
		width: auto;
		padding-right: 0;
	}

	.related-posts {
		background: #fff;
	}

	.popular-posts .post-cat,
	.related-posts .post-cat {
		left: 10px;
	}

	.popular-posts .post-desc .dtitle + p,
	.related-posts .post-desc .dtitle + p,
	.page .section.dossiers .post-desc .dtitle + p,
	.slider-dossier .post-desc .dtitle + p {
		opacity: 1;
		margin-top: 15px;
	}

	.popular-posts .post-cat .cat-icn:after,
	.popular-posts .post-cat.vert .cat-icn:after,
	.popular-posts .post-cat.horiz .cat-icn:after,
	.related-posts .post-cat .cat-icn:after,
	.related-posts .post-cat.vert .cat-icn:after,
	.related-posts .post-cat.horiz .cat-icn:after {
		top: 0;
	}

	.related-posts .more-btn-thumb {
		border-color: #fff;
	}

	.popup-t {
		width: auto;
		height: auto;
		min-height: 100%;
		display: block;
	}

	.popup-tc,
	.popup-tc.intro {
		width: 100%;
		height: auto;
		display: block;
	}

	.popup-wrapper.auth .popup-tc.intro {
		display: none !important;
	}

	.popup-tc.intro > .intro {
		padding: 50px 25px;
	}

	.popup-gallery .pdesc {
		max-width: 100%;
	}

	.popup-wrapper.auth .form-register .intro-mobile {
		display: block;
		margin-top: -15px;
		margin-bottom: 15px;
	}

	.popup-wrapper.auth .form-register .intro-mobile .pmsg {
		display: none;
	}

	.popup-wrapper.auth .form-register .intro-mobile .pmsg.active {
		display: block;
	}

	.popup-wrapper.auth .form-register .intro-mobile .pmsg a {
		display: inline-block;
		margin-top: 15px;
		clear: both;
		text-decoration: underline;
	} 


	/*
	 * search
	 */

	.popup-search {
		height: 100px;
	}

	.popup-search form {
		padding: 0;
	}

	.popup-search input {
		padding: 0 25px;
		font-size: 30px;
	}

	.popup-search button {
		display: block;
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		padding: 0;
		text-align: center;
	}

	.popup-search .input-placeholder,
	.popup-search input {
		font-size: 24px;
	}

	.popup-search .input-placeholder {
		padding-left: 25px;
	}

	.popup-search input::-webkit-input-placeholder {
		font-size: 30px;
	}

	.popup-search input:-moz-placeholder {
		font-size: 30px;
	}

	.popup-search input::-moz-placeholder {
		font-size: 30px;
	}

	.popup-search input:-ms-input-placeholder {  
		font-size: 30px;
	}


	/*
	 * CALENDAR
	 */

	.calendario-formacoes {
		position: relative;
		overflow: visible;
		width: 100%;
		min-height: 330px;
		padding: 0;
	}

	.calendario-formacoes .c-nav,
	.calendario-formacoes .c-formacoes {
		width: 100%;
		float: none;
	}

	.calendario-formacoes .c-formacoes .c-date {
		height: 90px;
	}

	.calendario-formacoes .c-formacoes .c-date .cn {
		font-size: 50px;
		line-height: 50px;
	}

	.calendario-formacoes .c-formacoes .c-date .cd {
		font-size: 12px;
		line-height: 12px;
	}

	.calendario-formacoes .c-formacoes .c-no,
	.calendario-formacoes .c-formacoes .c-error {
		padding: 75px 25px 0 25px;
	}

	.calendario-formacoes .c-nav {
		float: left;
	}

	.calendario-formacoes .c-cal {
		display: none;
		float: none;
		position: absolute;
		top: 50px;
		right: 0;
		width: 282px;
		height: 282px;
	}

	.calendario-formacoes .c-cal.open {
		display: inline-block;
	}

	.calendario-formacoes .c-formacoes {
		height: auto;
		min-height: 280px;
		clear: both;
		padding: 15px;
	}

	.calendario-formacoes .c-day {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.calendario-formacoes .c-days {
		height: 40px;
	}

	.calendario-formacoes .c-formacoes .c-wrapper {
		height: auto;
	}

	.calendario-formacoes .c-nav .cal-btn-mobile {
		display: inline-block;
	}




	/*
	 * SALON LOCATOR
	 */

	.section.salons-locator .sl-search {
		z-index: 5;
		padding: 50px 25px 0 25px;
	}

	.section.salons-locator .sl-search h1 {
		margin-bottom: 50px;
	}

	.section.salons-locator .salon-filters .filter-btn {
		bottom: -50px;
		left: auto;
		right: 0;
		padding-left: 35px !important;
	}

	.section.salons-locator .salon-filters .filter-btn .arrow {
		margin-right: 6px;
		margin-left: -10px;
	}

	.section.salons-locator .salon-filters .filtros-marcas {
		padding: 0 0 50px 0;
	}

	.section.salons-locator .sl-list {
		width: 100%;
		height: auto !important;
		position: relative;
		top: auto;
		left: auto;
	}

	.section.salons-locator .salons-results {
		padding-top: 45px;
		padding-bottom: 0;
	}

	.section.salons-locator .salons-results .no-results,
	.section.salons-locator .salons-results .searching-salons {
		padding: 25px 50px;
		text-align: center;
	}

	.section.salons-locator .salons-results .sl-title {
		margin-bottom: 0;
	}

	.salons-results .sl-copyrights {
		display: none;
	}

	.section.salons-locator .sl-map .sl-copyrights {
		display: inline-block;
		text-align: center;
	}

	.section.salons-locator .sl-map .sl-copyrights li {
		display: inline-block;
		margin: 0 5px;
	}

	.section.salons-locator .sl-copyrights p,
	.section.salons-locator .sl-copyrights a {
		text-align: center;
	}

	.section.salons-locator .sl-map {
		padding: 0;
		position: relative;
		bottom: auto;
		right: auto;
	}

	.section.salons-locator .sl-map .content-preloader {
		padding-left: 0;
	}


}

#disnone{
	display:none!important;
}

@media (max-width: 500px) {

	.main-nav {
		padding: 50px 50px 35px 50px;
	}
}


@media (max-height: 400px) {

	.slider-nav {
		bottom: auto;
		top: 0;
	}

}




/*
 * CHART CIRCLE
 */


.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #ecd773;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0, 50px, 100px, 0);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #e0e0e0;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 20px;
  line-height: 100px;
  color: #1f1f1f;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-family: 'Neuzeit Grotesk Bold';
}

.c100:after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 96px;
  height: 96px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 100px;
  height: 100px;
  clip: rect(0, 100px, 100px, 50px);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 100px;
  font-size: 26px;
  line-height: 100px;
  color: #ecd773;
}
.c100:hover:after {
  top: 5px;
  left: 5px;
  width: 90px;
  height: 90px;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.copyrights .optanon-show-settings-left {
	display:none!important;
}

.copyrights .optanon-show-settings-right {
	display:none!important;
}

.copyrights .footer-nav .optanon-show-settings-middle{
	height: auto;
	padding:0px;
	background: none!important;
	border: none!important;
	display:inline-block;
	padding-top: 18px;
	color: #3f3f3f!important;
}

.copyrights .footer-nav .optanon-show-settings-middle a.optanon-show-settings{
	font-weight: normal!important;
	font-size: 14px;
    line-height: 50px;
    color: #3f3f3f!important;
}

.copyrights .footer-nav .optanon-show-settings-middle a.optanon-show-settings:hover{
    color: #fff!important;
}