.views-exposed-form .views-exposed-widget {
    float: left; /* LTR */
    padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0;
}

.views-exposed-form label {
    font-weight: bold;
}

.views-exposed-widgets {
    margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
    text-align: left;
}
.views-align-right {
    text-align: right;
}
.views-align-center {
    text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
    border-top: none;
}

.view .progress-disabled {
    float: none;
}

/*
 * @file
 * global.base
 *
 * - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/
 * - Gutter widths, see $gutter-width in _custom.scss
 * - Default container alignment.
 * - Flexible images and media declarations.
 * - Copies of the SCSS mixins for reference, which includes an improved
 *   element-invisible and focusable styles.
 */
/* =============================================================================
    HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

* {
    outline:0 none!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
    display: none;
}

/* =============================================================================
    Base
   ========================================================================== */
/*
 * If you are using the themes Responsive JS feature (media_queries.js) do not
 * set a font-family on the html element, use body.
 *
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

/*
 * FONT FACE
 */

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('/arquivos/272779_12_0.eot.css') format('eot');
    src: url('/arquivos/272779_12_0.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/272779_12_0.woff.css') format('woff'),
    url('/arquivos/272779_12_0.ttf.css') format('truetype'),
    url('/arquivos/272779_12_0.svg.css#272779_12_0') format('svg');
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('/arquivos/272779_14_0.eot.css') format('eot');
    src: url('/arquivos/272779_14_0.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/272779_14_0.woff.css') format('woff'),
    url('/arquivos/272779_14_0.ttf.css') format('truetype'),
    url('/arquivos/272779_14_0.svg.css#272779_14_0') format('svg');
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/arquivos/272779_13_0.eot.css') format('eot');
    src: url('/arquivos/272779_13_0.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/272779_13_0.woff.css') format('woff'),
    url('/arquivos/272779_13_0.ttf.css') format('truetype'),
    url('/arquivos/272779_13_0.svg.css#272779_13_0') format('svg');
}

@font-face {
    font-family: 'Populaire';
    src: url('/arquivos/populaire-webfont.eot.css') format('eot');
    src: url('/arquivos/populaire-webfont.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/populaire-webfont.woff.css') format('woff'),
    url('/arquivos/populaire-webfont.ttf.css') format('truetype'),
    url('/arquivos/populaire-webfont.svg.css#populaire-webfont') format('svg');
}

@font-face {
    font-family: 'AlternateGothic1';
    src: url('/arquivos/2799A4_0_0.eot.css') format('eot');
    src: url('/arquivos/2799A4_0_0.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/2799A4_0_0.woff.css') format('woff'),
    url('/arquivos/2799A4_0_0.ttf.css') format('truetype'),
    url('/arquivos/2799A4_0_0.svg.css#2799A4_0_0') format('svg');
}

@font-face {
    font-family: 'AlternateGothic2';
    src: url('/arquivos/2799A4_1_0.eot.css') format('eot');
    src: url('/arquivos/2799A4_1_0.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/2799A4_1_0.woff.css') format('woff'),
    url('/arquivos/2799A4_1_0.ttf.css') format('truetype'),
    url('/arquivos/2799A4_1_0.svg.css#2799A4_1_0') format('svg');
}

/*@font-face {
  font-family: 'Tahoma';
  src: url('/arquivos/tahoma.ttf') format('truetype'),
         url('/arquivos/tahoma.svg#tahoma') format('svg');
}*/

@font-face {
    font-family: 'GarageGothic-Regular';
    src: url('/arquivos/GarageGothic-Regular.eot.css');
    src: url('/arquivos/GarageGothic-Regular.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/GarageGothic-Regular.otf.css')  format('opentype'),
    url('/arquivos/GarageGothic-Regular.woff.css') format('woff'),
    url('/arquivos/GarageGothic-Regular.ttf.css')  format('truetype'),
    url('/arquivos/GarageGothic-Regular.svg.css#GarageGothic-Regular') format('svg');
}

@font-face {
    font-family: 'GarageGothic-Bold';
    src: url('/arquivos/GarageGothic-Bold.eot.css');
    src: url('/arquivos/GarageGothic-Bold.eot.css?#iefix') format('embedded-opentype'),
    url('/arquivos/GarageGothic-Bold.otf.css')  format('opentype'),
    url('/arquivos/GarageGothic-Bold.woff.css') format('woff'),
    url('/arquivos/GarageGothic-Bold.ttf.css')  format('truetype'),
    url('/arquivos/GarageGothic-Bold.svg.css#GarageGothic-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
    height: 100%;
    overflow-y: scroll;
    width: 100%;
}

/*
 * 1 . Addresses margins handled incorrectly in IE6/7
 */

html.iPad body a,
html.iPhone body a,
html.iPad body span,
html.iPhone body span,
html.iPad body p,
html.iPhone body p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility\9;
    /* Only IE, can mess with Android */
    letter-spacing: 1px;
    height:100%;
    width:100%;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
button,
input,
select,
textarea {
    font-family: sans-serif;
}

textarea {
    resize:none;
}

/* =============================================================================
    Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a {
    font-family: "ProximaNova-Semibold";
    font-size: 100%;
    text-decoration: none;
    letter-spacing: 1px;
}

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
    outline: 0;
}

/* =============================================================================
    Typography
   ========================================================================== */
/*
 * Headings
 *
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
    font-family: "ProximaNova-Bold";
    font-size: 200%;
    margin: 0.67em 0;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h2 {
    font-family: "ProximaNova-Bold";
    font-size: 105%;
    margin: 14px 1.2em 0.1em;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h3 {
    font-family: "ProximaNova-Bold";
    font-size: 95%;
    margin: 1em 0;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 20px;
}

h4 {
    font-family: "ProximaNova-Bold";
    font-size: 100%;
    margin: 1.33em 0;
    font-weight: normal;
    letter-spacing: 1px;
}

h5 {
    font-family: "ProximaNova-Bold";
    font-size: 80%;
    margin: 1.67em 0;
    font-weight: normal;
    letter-spacing: 1px;
}

h6 {
    font-family: "ProximaNova-Bold";
    font-size: 75%;
    margin: 2.33em 0;
    font-weight: normal;
    letter-spacing: 1px;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */
b,
strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
    font-family: "Tahoma", Arial;
    margin: 0 1.28em;
    font-size: 85%;
}

/*html.iPad p,
html.iPad span,
html.iPhone p,
html.iPhone span {
  font-family: "ProximaNova-Semibold" !important;
}*/

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
    font-family: Tahoma;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
    Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
    /* margin: 1em 0; */
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
    /* padding: 0 0 0 40px; */
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* =============================================================================
    Embedded content
   ========================================================================== */
/*
 * 1. Remove border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    /* border: 0; */
    /* Drupal core already does this, uncomment if you need it */
    -ms-interpolation-mode: bicubic;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
    Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
    margin: 0;
}

/* =============================================================================
    Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
    line-height: normal;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
    overflow: auto;
    vertical-align: top;
}

/* =============================================================================
    Tables
   ========================================================================== */
/*
 * 1. Remove most spacing between table cells
 */
table {
    border: 1px solid;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: inherit;
    font: 100%;
}

/* =============================================================================
    Gutters
   ========================================================================== */
/*
 * If gutters are set in theme settings they will override these values,
 * see Extensions > Modify Output > Design
 * $gutter-width is set in _base.scss
 */
#main-content,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
.rendered-by-ds .panel-display .region-inner,
div.messages {
    margin: 0px;
}

/*
 * Panel pages need negative margin equal to the gutter width applied to #content,
 * this is taken care of in theme settings as per above for normal gutters
 */
#content .panel-display,
#content .panel-flexible {
    margin-left: -10px;
    margin-right: -10px;
}

/* =============================================================================
    Flexible Media and Cross browser improvements
   ========================================================================== */
/*
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - declaring the width attribute on image elements and using max-width causes
 *   the "dissappering images" bug in IE8.
 * - Mapping services such as Google Maps may break also, see below for fixes.
 */
img {
    height: auto;
    -ms-interpolation-mode: bicubic;
}

/* Ethan Marcotte - http://front.ie/l8rJaA */
img,
embed,
object,
video {
    max-width: 100%;
}

/* Disable flexiblity for IE8 and below */
/*html.IE-8 img,
html.ie8 img,
html.lt-ie10 img,
.lt-ie9 img,
.lt-ie9 object,
.lt-ie9 embed,
.lt-ie9 video {
  max-width: none;
}*/

/* Override max-width 100% for map displays */
#map img,
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img,
.geofieldMap img,
.views_horizontal_slider img {
    max-width: none !important;
}

/* =============================================================================
    Misc helpers, Accessibility classes etc
   ========================================================================== */
/* Prevent overflowing content */
header[role=banner],
.content-inner,
.nav,
.region-sidebar-first,
.region-sidebar-second,
.region-secondary-content,
.region-tertiary-content,
.region-footer {
    overflow: visible;
    word-wrap: break-word;
}

/**
 * General classes for hiding content. These are all included as SASS mixins.
 * @SEE: sass/_custom.scss
 */
/**
 * Image replacement
 * Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
 * Additional helpers from http://html5boilerplate.com/docs/css/
 */
.ir {
    /* Kellum Method */
    display: block !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* Remove the default border from elements like button */
    border: 0;
    /* Crush the text down to take up no space */
    font: 0/0 a;
    /* Remove any text shadows */
    text-shadow: none;
    /* Hide any residual text in Safari 4 and any mobile devices that may need it */
    color: transparent;
    /* Hide the default background color on elements like button */
    background-color: transparent;
}

/* More robust element-invisible and element-focuable classes */
.element-invisible {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen {
    position: absolute;
    top: -99999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
    outline: 0;
}

.clear {
    clear: both;.
}

/* Hide content from all users */
.element-hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

/*
 * Error Pages
 */

body.maintenance-page div#wrapper {
    margin-top: -19px;
}

body.node-type-403-page #l-bglogo,
body.node-type-403-page #r-bglogo,
body.node-type-error-page #l-bglogo,
body.node-type-error-page #r-bglogo,
body.maintenance-page #l-bglogo,
body.maintenance-page #r-bglogo {
    background-color: #c91f27;
}

body.node-type-403-page div#menu-mobile,
body.node-type-error-page  div#menu-mobile,
body.maintenance-page  div#menu-mobile {
    display: none !important;
}



body.maintenance-page #l-bglogo {
    left: 22px;
    top: 0;
}

body.maintenance-page #r-bglogo {
    left: 83px;
    top: 0;
}

body.maintenance-page h1#branding span,
body.maintenance-page h2#page-title,
body.node-type-503-page ul#menu-header,
body.node-type-403-page ul#menu-header,
body.node-type-error-page ul#menu-header {
    display: none;
}

body.maintenance-page #footer,
body.node-type-503-page #footer,
body.node-type-403-page #footer,
body.node-type-error-page #footer {
    position: absolute;
    bottom: 0;
}

body.maintenance-page #footer p,
body.node-type-503-page #footer p,
body.node-type-403-page #footer p,
body.node-type-error-page #footer p {
    background: url(/arquivos/lg-havaianas-footer.png) right center no-repeat;
    display: block;
    padding: 5px 0;
}

body.maintenance-page table,
body.maintenance-page tbody,
body.maintenance-page tr,
body.maintenance-page td,
body.node-type-503-page table,
body.node-type-503-page tbody,
body.node-type-503-page tr,
body.node-type-503-page td,
body.node-type-403-page table,
body.node-type-403-page tbody,
body.node-type-403-page tr,
body.node-type-403-page td,
body.node-type-error-page table,
body.node-type-error-page tbody,
body.node-type-error-page tr,
body.node-type-error-page td {
    border: none;
}

body.maintenance-page,
body.node-type-503-page,
body.node-type-403-page,
body.node-type-error-page {
    background-color: #88b5cc;
}

html.ie8 body.node-type-503-page div.field-item,
html.ie8 body.node-type-403-page div.field-item,
html.ie8 body.node-type-error-page div.field-item,
html.ie9 body.node-type-503-page div.field-item,
html.ie9 body.node-type-403-page div.field-item,
html.ie9 body.node-type-error-page div.field-item {
    margin: 100px 0;
}

table#sitemaintance,
table#accessdenied,
table#pagenotfound {
    display: block;
    margin: 0 auto;
    padding: 100px 0;
    width: 700px;
}

td#ad-img,
td#pnf-img {
    padding: 20px 0 0;
}

td#sm-img {
    padding: 10px 0 0;
}

td#pnf-img p {
    background: url(/arquivos/404.png) 0 0 no-repeat;
    width: 260px;
    height: 164px;
    margin: 0;
}

td#ad-img p {
    background: url(/arquivos/403.png) 0 0 no-repeat;
    width: 248px;
    height: 164px;
    margin: 0;
}

td#sm-img p {
    background: url(/arquivos/503.png) 0 0 no-repeat;
    width: 171px;
    height: 193px;
    margin: 0;
}

td#sm-pipe p,
td#ad-pipe p,
td#pnf-pipe p {
    border-right: 3px solid #FFFFFF;
    height: 144px;
}

td#ad-pipe p {
    height: 180px;
}

td#sm-pipe p {
    height: 195px;
}

table p.title {
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    font-size: 375%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
    height: 70px;
}

table#sitemaintance p.title,
table#accessdenied p.title {
    line-height: 44px;
    height: 95px;
}

table p.txt {
    margin: 0;
    font-family: "ProximaNova-Regular" !important;
    font-weight: normal;
    font-size: 205%;
    line-height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
}

table#sitemaintance p.txt {
    font-size: 160%;
}


/*@file
 * global.styles
 */
html {
    background: #fafae6;
    overflow-x: hidden;
}

body {
    font-family: "Tahoma", Arial;
    font-size: 87%;
}

/*
 *   HTML Elements
 */
body.node-type-home h1, body.node-type-home .error, body.node-type-home #tasks, body.page-user .error, body.page-user h1, body.node-type-collection-page h1 {
    display: none;
}

pre, code, tt, samp, kbd, var {
    font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

body.page-node-26074 #header-top {
    display: none;
}

body.page-node-26074 #footer {
    display: none;
}

/*
 * SPRITES
 */

span.cta-ico {
    background: url("/arquivos/sp-btns-cta.png") no-repeat scroll 0 3px transparent;
    float: left;
    height: 15px;
    width: 24px;
    display: none;
}

/*
 * GEOLOCATOR BAR
 */

p.cookie-notice {
    font-size: 70%;
}

p.cookie-notice a{
    color: #FFF;
    text-decoration: underline;
}

div#header-top {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
}

#header.header_fixed_mobile {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
}

div.footer_fixed {
    position: fixed;
    width: 100%;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #272B3A;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.region-geolocator {
    background-color: #272B3A;
    color: #FAFAE6;
    z-index: 2;
    padding: 7px 0 7px 0;
    text-transform: uppercase;
    width: 100%;
    min-height: 27px;
    position: relative;
    display: none;
}
div.region-geolocator div.block-content {
    margin: 0 20px;
}
table.main-country, table.other-countries {display: none;}
table#header-lightbox {
    border-collapse: separate;
    text-align: center;
    margin: auto;
    background-color: #3D414E;
    width: auto;
    cursor: pointer;
    min-height: 15px;
    font-family: "ProximaNova-Semibold" !important;
    font-weight: normal;
    font-size: 70%;
    border: 0;
    border-spacing: 0px;
    padding: 0px;
}

table#header-lightbox td {
    border-right: 8px solid #272B3A;
    height: 28px;
    text-align: center;
    padding: 0 7px;
}

table#header-lightbox td:hover {
    background-color: #474b57;
}

table#header-lightbox td a {
    color: #FAFAE6;
}

table#header-lightbox span.flag img {
    height: 9px;
    width: 13px;
    padding-right: 5px;
}

table#header-lightbox td.last-col {
    border: 0;
    padding: 0 9px;
}

table#header-lightbox td.last-col span {
    background: url(/arquivos/btn-closed.png) center center no-repeat;
    text-indent: -9999px;
    display: block;
    width: 11px;
}

/*
 * Wraps all header elements - branding and .region-header
 */
#header {
    background-color: #fafae6;
    height: 40px;
    z-index: 1;
    width: 100%;
    border-bottom: 2px solid #272B3A;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.page-preview div#change-country-box {
    display: none;
}

/*
 * Wraps the sidebars the content column
 */

body.not-logged-in div#breadcrumb {
    display: none;
}

#columns {
    margin: 0 auto;
    padding-top: 42px;
    clear: both;
}

div.geoshow {
    padding-top: 43px;
}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */
#main-content {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

/*
 * Footer wrapper
 */

#footer .ln-divisor-mob {
    display: none;
}

#footer {
    background-color: #272B3A;
    color: #fafae6;
    height: auto;
    position: relative;
    width: 100%;
}

#footer li, #footer a {
    color: #fafae6;
    font-family: "ProximaNova-Semibold", Tahoma;
    font-weight: normal;
    font-size: 91%;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
}

#footer li.active > a, #footer a.menu-active, #footer a:hover {
    color: #B7DEEF;
}

#footer li {
    list-style: none;
}

span.flag-lang-icon {
    padding-right: 5px;
    padding-top: 5px;
}

span.flag-lang-icon img {
    width: 13px;
}

/*
 * FOOTER - SUBMENU
 */

#footer li#contact, #footer li#institutional {
    position: relative;
}

#footer li#contact > a, #footer li#institutional > a {
    background: url(/arquivos/footer-arrow.png) right center no-repeat;
    padding-right: 15px;
}

#footer li#contact > a.active, #footer li#institutional > a.active {
    background: url(/arquivos/footer-arrow-active.png) right center no-repeat;
}

#footer ul#contact-sub-items, #footer ul#institutional-sub-items {
    bottom: 27px;
    display: block;
    left: 5px;
    position: absolute;
    width: 155px;
    z-index: 998;
}

#footer ul#contact-sub-items li, #footer ul#institutional-sub-items li {
    border-bottom: 1px solid #51555f;
    background-color: #272B3A;
    display: block;
    height: 48px;
    margin-right: 0;
    width: 155px;
    overflow: hidden;
    text-align: left;
    padding-left: 20px;
}

#footer ul#contact-sub-items li:hover, #footer ul#institutional-sub-items li:hover {
    background: url(/arquivos/bg-overfooter.png) 0 0 repeat;
    height: 48px;
    width: 155px;
    display: block;
}

#footer ul#contact-sub-items li.last, #footer ul#institutional-sub-items li.last, #footer ul#contact-sub-items li:last-child, #footer ul#institutional-sub-items li:last-child {
    border: none;
}

#footer ul#contact-sub-items li.bg-bottom, #footer ul#institutional-sub-items li.bg-bottom {
    background: url(/arquivos/bg-menufooter.png) 0 0 no-repeat;
    width: 155px;
    height: 6px;
    display: block;
}

#footer ul#contact-sub-items li a, #footer ul#institutional-sub-items li a {
    display: block;
    height: 100%;
    padding: 17px 0;
    width: 100%;
    font-size: 91%;
}

#footer ul#contact-sub-items li.bg-bottom, #footer ul#contact-sub-items li:hover, #footer ul#contact-sub-items li, #footer ul#contact-sub-items {
    width: 212px;
    z-index: 999;
}

#footer li#contact ul, #footer li#institutional ul {
    display: none;
}

/*
 * SOCIAL MENU
 */

table#social_menu_items {
    border-collapse: separate;
    text-align: center;
    margin: auto;
    width: auto;
    cursor: pointer;
    min-height: 15px;
    font-family: "ProximaNova-Semibold"  !important;
    font-weight: normal;
    font-size: 75%;
    border: 0;
    border-spacing: 0px;
    padding: 0px;
}

table#social_menu_items td {
    height: 28px;
    text-align: center;
    padding: 0 4px;
}

table#social_menu_items td.follow-us {
    text-transform: uppercase;
}

table#social_menu_items td.follow-us p {
    font-family: "ProximaNova-Semibold", Tahoma;
    font-weight: normal;
    font-size: 116%;
    margin: 0;
    cursor: default;
}

table#social_menu_items td.last-col {
    border: 0;
}

#footer table#social_menu_items li.follow-us {
    margin: 0;
}

#footer table#social_menu_items a {
    text-indent: -9999px;
    letter-spacing: 1px;
    width: 20px;
    display: block;
    height: 20px;
}

/*
 * COPYRIGHT
 */

#footer div.copyright_menu {
    text-align: center;
    font-size: 70%;
}

#footer div.copyright_menu li {
    color: #bbbcb3;
    font-size: 100%;
}

#footer ul.copyright_menu_items a {
    border-right: 1px solid #51555f;
    color: #bbbcb3;
    font-size: 100%;
    margin-right: 5px;
    padding-right: 8px;
}

#footer ul.copyright_menu_items a.menu-active, #footer ul.copyright_menu_items a:hover {
    color: #bbbcb3;
    text-decoration: underline;
}

/*
 * Wraps the header
 */
#header-wrapper {
    /* Debug styles, is this working */
    background: rgba(255, 192, 203, 0.5);
}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {
}
#breadcrumb-wrapper .container {
}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {
}
#messages-help-wrapper .container {
}

/*
 * Footer wrapper
 */
#footer-wrapper {
    /* Debug styles, is this working? */
    background: rgba(255, 192, 203, 0.5);
}



/*
 * Region Header
 */
.region-header {
    float: left;
}

/*
 * The main page title (h1)
 */
#page-title {
    margin: 0 0 0 -1px;
}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
    display: inline;
    float: none;
    margin-right: 10px;
}

.feed-details dt, .feed-details dd {
    display: inline;
    margin: 0;
}

/*
 * Generic styles for links. See the ul.links declaration in node and comment
 * stylesheets
 */
ul.links {
    margin: 0;
    padding: 0;
}

ul.links.inline {
    display: block;
}

ul.links li {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
    margin: 0;
    padding: 0;
}

/*
 * Sits above the main content header, like a content-top region
 */

div#rotating-item-wrapper {
    width: 100% !important;
}

/*
 * DESTAQUE PRINCIPAL
 */

div.view-highlighted-main {
    position: relative;
    overflow: hidden;
}

.highlighted div.img, .highlighted div.txt-highlighted {
    height: 0;
    padding-bottom: 36.8%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.highlighted div.txt-highlighted {
    cursor: default;
}

.highlighted div.img {
    width: 71%;
    float: left;
    background-color: transparent;
}

html.iPad .highlighted div.img {
    width: 71%;
}

.highlighted div.txt-highlighted {
    background: url(/arquivos/bg-arroz.png) 0 0 repeat #003366;
    float: right;
    width: 29%;
}

.highdefault {
    cursor: pointer;
}

body.node-type-collection-page .highlights-default {
    margin-top: -23px;
}

.highlights-default #first-block {
    background: url(/arquivos/bg-arroz.png) 0 0 repeat;
    margin-left: 0;
    display: table;
    cursor: default;
}

.highlights-default #first-block h2.collection,
.highlights-default #first-block p {
    font-family: 'AlternateGothic2' !important;
    font-weight: normal;
    font-style: normal;
    color: #FAFAE6;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 330%;
    letter-spacing: 2px;
}

.highlighted a {
    color: #fafae6;
}

.highdefault .bg-video, .highdefault .btn-video, .highlighted-image .bg-video, .highlighted-image .btn-video {
    display: none;
}

.highlighted-video .bg-video {
    position: absolute;
    background: url(/arquivos/bg-hightlighted-video.png) center center transparent;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
}

.highlighted-video .btn-video {
    background: url(/arquivos/btn-hightlighted-video.png) center center no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    display: block;
}

.highlighted-video .parts-highlight-odd .btn-video, .highlighted-video .parts-highlight-pair .btn-video {
    background: url(/arquivos/btn-hightdefault-video.png) center center no-repeat;
    margin: 0;
    padding: 0;
}

.highlighted-video:hover .btn-video {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    display: block;
}

p.bt-cta {
    position: absolute;
    bottom: 20px;
    right: 0;
}

/*html.Chrome div.line_pair_normal p.bt-cta,
 html.Chrome div.line_odd_normal p.bt-cta {
 margin: 0 15px 0 0;
 }*/

p.bt-cta a {
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right 6px transparent;
    display: block;
    padding-right: 13px;
    text-decoration: none;
    height: 15px;
    text-transform: uppercase;
}

/*.txt-highlighted p.bt-cta a {
 padding-top: 2px;
 }*/

.highlighted-text-active .bt-cta a, .highlighted p.bt-cta a:hover, .highlighted p.bt-cta.pin-active a {
    background: url("/arquivos/cta-arrow-over.png") no-repeat scroll right 6px transparent;
    color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    height: 15px;
}

html.Chrome p.bt-cta a {
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right 6px transparent;
}

html.Chrome .highlighted-text-active .bt-cta a, html.Chrome .highlighted p.bt-cta a:hover, html.Chrome .highlighted p.bt-cta.pin-active a {
    background: url("/arquivos/cta-arrow-over.png") no-repeat scroll right 6px transparent;
}

.highlighted-text-active .bt-cta .cta-ico, .highlighted .bt-cta a:hover .cta-ico {
    display: block;
}

.highlighted-video:hover div.highlighted-text-active .bt-cta .cta-ico, .highlighted-video .bt-cta a:hover .cta-ico {
    display: block;
    background-position: -27px 3px;
}

/*
 * ALLTYPE
 */
.highlighted-tpl-fun, .highlighted-tpl-institutional, .highlighted-tpl-estampa {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
}

.highlighted-tpl-fun {
    top: 25%;
}

.highlighted .highlighted-tpl-fun h2, .highlighted .highlighted-tpl-institutional h2, .highlighted .highlighted-tpl-estampa h2 {
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    font-size: 275%;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.highlighted .highlighted-tpl-estampa h2 {
    color: #e3c080;
    width: 50%;
}

.highlighted .highlighted-tpl-institutional h2 {
    color: #5d88c9;
    width: 70%;
}

.highlighted .highlighted-tpl-fun h2 {
    font-family: "Populaire" !important;
    color: #FFFFFF;
    text-align: left;
    padding-left: 10%;
}

.highlighted .highlighted-tpl-fun p, .highlighted .highlighted-tpl-institutional p, .highlighted .highlighted-tpl-estampa p {
    font-family: "ProximaNova-Regular" !important;
    font-size: 140%;
    line-height: 27px;
    text-align: center;
    text-transform: none;
    color: #FFFFFF;
    width: 50%;
    margin: 0 auto;
    padding-top: 20px;
}

.highlighted .highlighted-tpl-institutional p {
    color: #5d88c9;
    width: 60%;
}

.highdefault .parts-highlight-txt .parts-highlight-txt-desc-hidden {
    display: none;
}

.highlighted .highlighted-tpl-fun p {
    text-align: left;
    padding-left: 10%;
    width: 30%;
    margin: 0;
}

/*
 * CAROUSEL MENU
 */

div#nav-featured a.bullet, div#nav-featured a.bullet:hover, div#nav-featured a.activeSlide, div#control a {
    background: url(/arquivos/sp-control.png) 0 -15px no-repeat;
    display: block;
    height: 9px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
    width: 10px;
}

div#nav-featured a.bullet:hover {
    background-position: 0 -63px;
}

div#nav-featured a.activeSlide {
    background-position: 0 0;
}

.view-content > div#control, .view-content > div#nav-featured {
    position: absolute;
    right: 26.8%;
    bottom: 8%;
    z-index: 99;
}

.view-content > div#control {
    bottom: 2.4%;
}

.view-content > div#control a.played {
    background-position: 0 -30px;
}

.view-content > div#control a.played:hover {
    background-position: 0 -80px;
}

.view-content > div#control a.paused {
    background-position: 0 -47px;
}

/*
 * TRIANGULO
 */
.highlighted div.over-highlighted {
    /*background-color: transparent;*/
    background-color: #008800;
    bottom: 4%;
    display: block;
    position: absolute;
    right: 29%;
    width: 0;
}

.highlighted p.triangulo-mobile, .highlighted p.triangulo {
    border-color: transparent orange transparent transparent;
    border-style: solid;
    border-width: 8px;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
    display: block;
    float: right;
}

.highlighted p.bg-triangulo {
    background: url("/arquivos/triangulo.png") no-repeat scroll 0 0 transparent;
    bottom: -2px;
    display: block;
    height: 20px;
    position: absolute;
    right: -21px;
    width: 9px;
}

/*
 * OVERLAY VIDEO
 */

#osx-container .close a {
    color: #DDDDDD !important;
}

#osx-container {
    background: none !important;
    box-shadow: none !important;
}

#osx-modal-data iframe {
    margin-top: 3% !important;
    width: 100% !important;
    height: 600px !important;
}

#osx-container #osx-modal-data {
    padding: 0 !important;
}

/*
 * DESTAQUE PADRAO
 */

div.parts-highlight-pair, div.parts-highlight-odd {
    float: left;
    margin: 0.2%;
    width: 20.5%;
    /*width: 20.3%;*/
    height: 485px;
    position: relative;
    overflow: hidden;
}

html.Safari div.parts-highlight-pair, html.Safari div.parts-highlight-odd {
    margin: 0.2% 0.2% 0.2% 0.3%;
}

div.parts-highlight-pair {
    width: 28.9%;
}

div.first div.parts-highlight-pair, div.first div.parts-highlight-odd {
    margin-left: 0;
}

div.last div.parts-highlight-pair, div.last div.parts-highlight-odd {
    margin-right: 0;
    margin-left: 0;
    float: right;
}

.parts-highlight-img {
    height: 49.9%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

/*div.line_pair_reverse div.parts-highlight-img,
 div.line_odd_normal div.parts-highlight-img {
 border-bottom: 1px solid #7f7f7f;
 height: 49.8%;
 }

 div.line_pair_normal div.parts-highlight-img,
 div.line_odd_reverse div.parts-highlight-img {
 border-top: 1px solid #7f7f7f;
 }

 div.line_odd_reverse div.parts-highlight-img {
 height: 49.8%;
 }*/

.parts-highlight-img img {
    /*height: 100%;*/
    width: 100%;
    display: block;
}

.parts-highlight-txt {
    color: #fafae6;
    height: 50%;
    /*white-space: pre-line;*/
    position: relative;
    z-index: 13;
    cursor: default;
}

.parts-highlight-txt-title {
    padding: 18px 20px 0;
    margin: 0;
}

.parts-highlight-txt a {
    font-size: 100%;
    font-family: "Tahoma";
    color: #fafae6;
    cursor: pointer;
}

.parts-highlight-txt-title a, .parts-highlight-txt h3 a, .parts-highlight-txt p a {
    color: #fafae6;
    font-size: 95%;
    font-family: 'ProximaNova-Semibold' !important;
}

html.Chrome .parts-highlight-txt p.bt-cta a {
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right 4px transparent;
}

.parts-highlight-txt-description {
    line-height: 17px;
    padding: 5px 20px 0;
    display: block;
    font-size: 85%;
}

div.parts-highlight-txt p.bt-cta a {
    color: #FAFAE6;
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right center transparent;
    display: inline;
}

.line_odd_normal div.parts-highlight-txt p.bt-cta a {
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right center transparent;
}

div.highdefault:hover p.bt-cta a, div.highdefault p.bt-cta a:hover {
    background: url("/arquivos/cta-arrow-over.png") no-repeat scroll right center transparent;
    color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    height: 15px;
}

div.highdefault:hover .bt-cta .cta-ico, div.highdefault .bt-cta a:hover .cta-ico {
    display: block;
}

div.parts-highlight-txt span.cta-ico {
    background: url("/arquivos/sp-btns-cta.png") no-repeat scroll 0 5px transparent;
    height: 15px;
    width: 27px;
}

html.Safari div.parts-highlight-txt span.cta-ico, html.Chrome div.parts-highlight-txt span.cta-ico {
    opacity: 0.9;
}

div.highlighted-video:hover .parts-highlight-txt .cta-ico, div.highlighted-video .parts-highlight-txt a:hover .cta-ico {
    display: block;
    background-position: -27px 5px;
    width: 28px;
}

div.highlighted-83:hover .parts-highlight-txt .cta-ico, div.highlighted-83 .parts-highlight-txt a:hover .cta-ico {
    display: block;
    background-position: -92px 5px;
}

/*
 * INSTAGRAM E FACEBOOK
 */

div.like_buttons {
    bottom: 15px;
    position: absolute;
    left: 20px;
    z-index: 14;
    /* height: 40px;*/
    /*overflow: hidden;*/
    width: 45px;
}

div.type-instagram div.parts-highlight-txt span.cta-ico {
    background-position: -51px 5px;
}

div.type-facebook div.parts-highlight-txt span.cta-ico {
    display: none !important;
}

div.type-facebook div.parts-highlight-txt:hover span.cta-ico {
    background-position: -72px 5px;
    display: block !important;
    width: 26px;
}

html.Chrome div.type-instagram div.parts-highlight-txt span.cta-ico {
    background-position: -51px 5px;
}

html.Chrome div.type-facebook  div.parts-highlight-txt:hover span.cta-ico {
    background-position: -72px 5px;
}

div.type-facebook #prev {
    height: 40px;
    left: 0;
    position: absolute;
    top: 40%;
    width: 30px;
    z-index: 13;
    text-indent: -99999px;

}

div.type-facebook .parts-highlight-img div#prev {
    background: url(/arquivos/facebook-arrow.png) center no-repeat !important;
    background-color: black !important;
    background-size: 30% 40% !important;
    opacity: 0.5;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

div.type-facebook #next {
    height: 40px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 30px;
    z-index: 13;
    text-indent: -99999px;
}

div.type-facebook .parts-highlight-img div#next {
    background: url(/arquivos/facebook-arrow.png) center no-repeat !important;
    background-color: black !important;
    background-size: 30% 40% !important;
    opacity: 0.5;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

div.type-facebook:hover p.bt-cta a, div.type-facebook p.bt-cta a:hover {
    color: #FAFAE6;
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right center transparent;
    display: inline;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

div.type-facebook div.parts-highlight-txt:hover p.bt-cta a, div.type-facebook div.parts-highlight-txt p.bt-cta a:hover {
    background: url("/arquivos/cta-arrow-over.png") no-repeat scroll right center transparent;
    color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    height: 15px;
}

/*
 * SITE INTERNACIONAL
 */

body.node-type-international-sites-page div.page {
    background-color: #00afad;
}

body.node-type-international-sites-page section header h2#page-title {
    font-family: "ProximaNova-Semibold" !important;
    font-size: 176%;
    margin-top: 5%;
    padding-bottom: 1%;
    text-align: center;
    color: #FFFFFF;
}

.box-regions h3 {
    font-family: "ProximaNova-Semibold" !important;
    color: #000000;
    font-size: 112.5%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    text-align: left;
    border-bottom: 1px solid #bee9e5;
    padding-bottom: 10px;
}

.box-regions a {
    color: #FAFAE6;
    display: block;
    float: left;
    font-family: "Tahoma";
    font-size: 85%;
    line-height: 27px;
    min-height: 20px;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
    background: url(/arquivos/img-bar-pais.png) right center no-repeat;
    /*width: 150px;*/
}

.box-regions a.e_commerce_true::after {
    content: "";
    background: url("/arquivos/icon_cecommerce.png") no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

/*.box-regions a.first {
 padding-left: 0;
 }*/

div.region-pais {
    margin-left: -10px;
}

.box-regions a:last-child {
    background: none;
}

.box-regions a:hover {
    text-decoration: underline;
}

body.node-type-international-sites-page section#main-content {
    width: 80%;
}

body.node-type-international-sites-page section #content {
    width: auto;
    margin: 0 60px;
}

.box-regions {
    width: 100%;
}

.box-regions ul {
    text-align: left;
    padding: 0;
}

.box-regions li {
    border: medium none;
    clear: both;
    list-style: none outside none;
    padding: 30px 0 0;
    /*list-style: none;
     margin: 0 0 2px;
     padding: 0;
     margin-right: 20px;
     border: none;
     margin: 5px;
     zoom: 1; */
}

body.node-type-international-sites-page #footer {
    background-color: #005756;
    margin-top: 40px;
}

body.node-type-international-sites-page #footer p {
    background: url(/arquivos/lg-havaianas-footer.png) right center no-repeat;
    display: block;
}

/*
 .box-regions li {
 list-style: none;
 margin: 0 0 2px;
 padding: 0;
 margin-right: 20px;
 border: none;
 display: -moz-inline-stack;
 display: inline-block;
 vertical-align: top;
 margin: 5px;
 zoom: 1;
 *display: inline;
 }
 */

body.node-type-international-sites-page div#messages {
    display: none;
}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {
}

/*
 * Sidebars - targets both
 */
.sidebar {
}

/*
 * First sidebar
 */
.region-sidebar-first {
}

/*
 * Second sidebar
 */
.region-sidebar-second {
}

/*
 * Tertiary content
 */
.region-tertiary-content {
}

/*
 * Footer region
 */
.region-footer {
}

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

a {
    text-decoration: none;
}

a:link, a:visited {
}

a:active, a.active {
}

a:hover, a:focus {
    text-decoration: none;
}

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */

/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
    margin-bottom: 0;
}

ul.sf-menu a {
    border-left: 0;
    border-top: 0;
    padding: 0 10px;
    text-decoration: none;
    height: 2.5em;
    line-height: 2.5em;
}

ul.sf-menu a:link, ul.sf-menu a:visited {
}

ul.sf-menu li {
}

ul.sf-menu li:hover, ul.sf-menu li.sfHover {
    outline: 0;
}

ul.sf-menu a {
}

ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
    outline: 0;
}

/*
 * Superfish blocks
 */
.block-superfish {
}

.block-superfish .block-inner .content {
}

.block-superfish ul {
    margin: 0 !important;
    padding: 0 !important;
}

.block-superfish ul ul {
}

.block-superfish ul ul ul {
}

.block-superfish ul ul ul ul {
}

.block-superfish li {
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Vertical style
 */
.sf-vertical {
    width: 100%;
}

.sf-vertical li {
    width: 100%;
}

.sf-vertical li.last {
}

.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}

.sf-vertical li a {
    padding: 0 10px;
}

/*
 * Navbar style
 */
.sf-navbar {
    padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
.sf-menu.sf-style-default a {
    padding: 0 10px;
}

/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
    /* padding-left: 15px; */
}

ul.menu ul {
    padding-left: 15px;
}

ul.menu ul ul {
}

ul.menu ul ul ul {
}

ul.menu li {
    margin: 0;
}

ul.menu li.collapsed, ul.menu li.expanded, ul.menu li.leaf {
}

ul.menu li a {
}

ul.menu li a:link, ul.menu li a:visited {
}

ul.menu li a:active, ul.menu li a.active {
}

ul.menu li a:hover, ul.menu li a:focus {
}

ul.menu li.active a, ul.menu li.active-trail a {
}

ul.menu li.first, ul.menu li.last {
}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
    padding: 0;
}

ul#submenu-header {
    display: none;
}

/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {
}

.book-navigation .page-links {
}

.book-navigation .page-previous {
}

.book-navigation .page-next {
}

.book-navigation .page-up {
    /* Prevent text wrapping to a new line, assumes the string is two chars */
    min-width: 2em;
    white-space: nowrap;
}

.book-navigation .menu {
    margin-left: 0;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
    margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
    font-size: 1em;
    display: inline;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
    content: ":";
}

#breadcrumb ol {
    margin: 0;
    padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
    display: inline;
}

#breadcrumb li {
    list-style: none;
    display: inline;
}

#breadcrumb li.crumb-first {
}

#breadcrumb li.crumb-last {
}

#breadcrumb a {
}

#breadcrumb a:link, #breadcrumb a:visited {
}

#breadcrumb a:active, #breadcrumb a.active {
}

#breadcrumb a:hover, #breadcrumb a:focus {
}

#breadcrumb .crumb-separator {
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
    clear: both;
    margin: 0;
    text-align: center;
}

.item-list ul.pager li {
    margin: 0;
}

ul.pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: .5em;
}

ul.pager li.pager-current {
    font-weight: 700;
}

.block ul.pager li {
    margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {
}

ul.pager li a {
}

ul.pager li a:link, ul.pager li a:visited {
}

ul.pager li a:active, ul.pager li a.active {
}

ul.pager li a:hover, ul.pager li a:focus {
}

ul.pager li.pager-item {
}
ul.pager li.first {
}
ul.pager li.last {
}
ul.pager li.pager-current {
}
ul.pager li.pager-first {
}
ul.pager li.pager-previous {
}
ul.pager li.pager-next {
}
ul.pager li.pager-last {
}

/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
    left: 50%;
    margin-left: -6.5em;
    margin-top: 0;
    padding: 0 0.5em;
    position: absolute;
    width: 12em;
    z-index: 50;
}

#skip-link a {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:link, #skip-link a:visited {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:hover, #skip-link a:focus, #skip-link a:active {
    outline: 0;
}

/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
    margin-bottom: 15px;
}

ul.primary {
    border-bottom-color: #ccc;
    margin: 20px 0;
    padding: 0 0 0 5px;
}

ul.primary li {
    display: block;
    float: right;
    margin: 0 1px -1px;
}

ul.primary li a {
    background-color: #f5f5f5;
    border-color: #ccc;
    margin-right: 1px;
    padding: 0 10px;
    display: block;
    float: left;
    height: 1.5em;
    line-height: 1.5em;
}

ul.primary li a:hover, ul.primary li a:focus {
    background-color: #eee;
    border-color: #ccc;
}

ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus {
    background-color: #fff;
    border-bottom-color: #fff;
}

ul.secondary {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    padding: 0 .3em 1em;
}

ul.secondary li {
    border-right: 0;
    list-style: none;
    padding: 0 10px 0 0;
}

ul.secondary li a {
}

ul.secondary li a:hover, ul.secondary li a.active {
    border-bottom: none;
    text-decoration: underline;
}

/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
    margin: 20px 0 0;
    list-style: none;
}

ul.action-links li {
}

/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {
}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {
}

/*
 * When labels are set to inline in field display settings the clearfix class is
 * automatically added
 */
.field-label-inline {
}

.field-label-inline .field-label {
    margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
 * ineritance issues
 */
.field-label {
    font-size: 1em;
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
.field-type-image {
}

.field-type-image .caption {
}

.field-type-image .full-caption {
}

.field-type-image .teaser-caption {
}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
    /* The same bottom margin as p, blockquote, ul, ol and dl */
    margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
    margin: 0;
    padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {
}

/*
 * Long text
 */
.field-type-text-long {
}

/*
 * Text with summary
 */
.field-type-text-with-summary {
}

/*
 * File
 */
.field-type-file {
}

/*
 * Number/Integer
 */
.field-type-number-integer {
}

/*
 * Decimal
 */
.field-type-number-decimal {
}

/*
 * Number float
 */
.field-type-number-float {
}

/*
 * List
 */
.field-type-list-text {
}

/*
 * List boolean
 */
.field-type-list-boolean {
}

/*
 * List integer
 */
.field-type-list-integer {
}

/*
 * List float
 */
.field-type-list-float {
}

/*
 * Field types (Contrib)
 */
.field-type-datetime {
}

.field-type-node-reference {
}

.field-type-user-reference {
}

/*
 * Named fields
 */
.field-name-body {
}

.field-name-field-image {
}

.field-name-field-tags {
}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {
}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
.ia-n .field-type-image, .iat-n .field-type-image {
}

/*
 * Float left setting
 */
.ia-l .field-type-image figure, .iat-l .field-type-image figure {
    margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure, .iat-c .field-type-image figure {
    margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure, .iat-r .field-type-image figure {
    margin: 5px 0 15px 20px;
}

/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block {
    margin-bottom: 1px;
}

/*
 * Inner wrapper for most blocks, good for margin, padding and borders,
 * block_system_main does not have it
 */
.block-inner {
}

/*
 * The first block in the region
 */
.block.first {
}

/*
 * The last block in the region
 */
.block.last {
}

/*
 * Zebra striping for each block in the region
 */
.block.odd {
}

/*
 * Zebra striping for each block in the region
 */
.block.even {
}

/*
 * Block title
 */
.block-title {
    margin: 0;
}

/*
 * Block content wrapper
 */
.block-content {
}

/*
 * Match item list and block menu margin and padding
 */
.block-content {
}

.block-content ul, .block-content ol {
    padding: 0 0 0 15px;
}

.block-content li {
    margin: 0;
    padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
#block-aggregator-category-1 {
}

/*
 * Block for the latest news items in the first feed
 */
#block-aggregator-feed-1 {
}

/*
 * First block created with "Add block" link
 */
#block-block-1 {
}

/*
 * "Recent blog posts" block
 */
#block-blog-recent {
}

/*
 * "Book navigation" block for the current book's table of contents
 */
#block-book-navigation {
}

/*
 * "Recent comments" block
 */
#block-comment-recent {
}

/*
 * "Active forum topics" block
 */
#block-forum-active {
}

/*
 * "New forum topics" block
 */
#block-forum-new {
}

/*
 * Language switcher block
 */
#block-locale-language {
}

/*
 * Custom menu block
 */
#block-menu-menu-NAME {
}

/*
 * "Recent content" block
 */
#block-node-recent {
}

/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
#block-node-syndicate {
}

/*
 * "Most recent poll" block
 */
#block-poll-recent {
}

/*
 * "Author information" block for the profile of the page's author
 */
#block-profile-author-information {
}

/*
 * "Search form" block
 */
#block-search-form {
}

/*
 * "Shortcuts" block
 */
#block-shortcut-shortcuts {
}

/*
 * "Popular content" block
 */
#block-statistics-popular {
}

/*
 * "Main menu" block
 */
#block-system-main-menu {
}

/*
 * "Management" block for Drupal management menu
 */
#block-system-management {
}

/*
 * "Navigation" block for Drupal navigation menu
 */
#block-system-navigation {
}

/*
 * "User menu" block for Drupal user menu
 */
#block-system-user-menu {
}

/*
 * "System help" block
 */
#block-system-help {
}

/*
 * "Main page content" block
 */
#block-system-main {
}

/*
 * "Powered by Drupal" block
 */
#block-system-powered-by {
}

/*
 * "User login form" block
 */
#block-user-login {
}

/*
 * "Who's new" block for a list of the newest users
 */
#block-user-new {
}

/*
 * "Who's online" block for a list of the online users
 */
#block-user-online {
}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
    margin-bottom: 20px;
}

.node.node-promoted {
}

.node.node-sticky {
}

.node.node-by-viewer {
}

.node.node-teaser {
}

.node.node-full {
}

.node.odd {
}

.node.even {
}

.node .node-title {
    margin: 0;
}

.node .user-picture {
}

.node .submitted {
}

.node .submitted .username {
}

.node .submitted time {
}

.node .node-content {
}

.node ul.links {
}

.node ul.links li {
}

.node ul.links li a {
}

.node ul.links li.node-read-more a {
}

.node ul.links li.comment-add a {
}

.node ul.links li.comment-comments a {
}

.node ul.links li.comment-new-comments a {
}

.node ul.links li.blog-sernames-blog a {
}

.node ul.links li.print-html a {
}

.node ul.links li.print-email a {
}

.node ul.links li.print-pdf a {
}

.preview .node {
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {
}

.node-article {
}

.node-book {
}

.node-forum {
}

.node-poll {
}

/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
    margin: 1.5em 0;
}

#comments h2 {
}

#comments h2.comment-title {
    margin: 0;
}

#comments h2.comment-form {
    margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
    margin-bottom: 20px;
}

.comment.first {
}

.comment.last {
}

.comment.odd {
}

.comment.even {
}

.comment .user-picture {
}

.comment .submitted {
}

.comment .submitted p {
}

.comment .submitted .username {
}

.comment .submitted time {
}

.comment .user-signature {
}

.comment ul.links {
}

/*
 * Comment title
 */
.comment-title {
    margin: 0;
}

/*
 * Comment states
 */
.comment-new {
}

.comment-by-anonymous {
}

.comment-by-node-author {
}

.comment-by-viewer {
}

.comment-title-hidden {
}

.comment-with-picture {
}

.comment-with-signature {
}

/*
 * Preview of the comment before submitting new or updated comment
 */
.comment-preview {
}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
    color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
    margin-left: 40px;
}

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

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item {
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 1px solid #c00 !important;
}

div.form-item-declaration-truth.error-radio label, .error-radio div.form-type-radio label {
    color: #c00 !important;
}

.form-item label {
    font-weight: 700;
}

.form-item label.option {
}

/*
 * Highlight marks and form required mark
 */
.marker, .form-required {
    color: #c00;
}

.form-item .description {
    font-size: 0.85em;
}

.form-checkboxes label, .form-radios label, .form-checkboxes .form-item, .form-radios .form-item {
    cursor: pointer;
}

/*
 * The submit button
 */
.form-submit {
}

.container-inline div, .container-inline label {
    display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
    border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {
}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

/*
 * Password confirmation
 */
.password-parent, .confirm-parent {
    margin: 0;
}

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

table {
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

table.sticky-header {
    z-index: 10;
}

table, thead, tbody, tr, th, td {
    border-color: #ccc;
}

table, td, th {
    vertical-align: middle;
}

caption, th, td {
    text-align: left;
}

thead tr {
    font-weight: 700;
    background-color: #e5e5e5;
}

td, th {
    border-bottom: 0;
    margin: 0;
    padding: 5px 7px;
}

tbody {
}

tbody tr {
    border-top: 1px solid #ccc;
}

tr.odd {
    background: #fff;
}

tr.info, tr.even, tr:nth-child(2n+2) {
    border-bottom: 0;
    background-color: #f5f5f5;
}

tr.drag {
}

tr.drag-previous {
}

tr.odd td.active {
    background-color: #eee;
}

tr.even td.active {
    background-color: #ebebeb;
}

.lt-ie8 tr {
}

.lt-ie8 tr.even, .lt-ie8 tr.odd {
}

.lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td {
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {
}

#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
    white-space: normal;
}

/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
    margin: 10px 3px;
}

div.messages ul {
    margin-top: 0;
    margin-bottom: 0;
}

div.status {
}

div.warning {
}

tr.warning {
}

div.error, tr.error {
}

.error {
}

.warning {
}

/*
 * Unpublished nodes
 */
.node-unpublished, .comment-unpublished {
}

.node-unpublished, .comment-unpublished {
}

.node-unpublished p.unpublished, .comment-unpublished p.unpublished {
    color: pink;
    color: rgba(239, 170, 170, 0.4);
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-size: 75px;
    font-weight: bold;
    height: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {
}

.lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * {
    position: relative;
}

/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {
}
.maintenance-page .container {
    padding: 40px 0;
}

.maintenance-page #site-name, .maintenance-page #page-title {
    margin: 0;
}

.db-offline {
}

.db-offline .container {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 960px;
}

.db-offline div.messages {
    margin: 20px 0 0;
}

.db-offline #content {
    padding: 20px 0;
}

/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
body.admin-menu div.region-geolocator {
    display: none;
}

body.admin-menu div.region-geolocator {
    padding-top: 40px;
}

body.admin-menu #header {
    margin-top: 20px;
}

body.admin-menu div.geoshow {
    padding-top: 20px;
}

#admin-menu {
    position: fixed;
    width: 100%;
    z-index: 999999;
}

/*
 * Devel Module
 */

.dev-query {
    background: #eee;
    padding: 30px;
}

/*
 * Styleguide module tweaks
 */

#styleguide-header {
    padding: 0 10px;
}

#styleguide-header .item-list {
    font-family: inherit;
    margin: 0 20px 20px 0;
    min-height: 260px;
    width: auto;
}

html .highlighted {
    width: 100% !important;
}

.view-content {
    position: relative;
}

/* REMOVER DEPOIS DE CUSTOMIZAR O ADD */
body.node-type-header div#content-column {
    margin-top: 70px;
}

body.node-type-header ul.tabs {
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 30px;
    margin: 15px 0 0;
}

body.node-type-header ul.tabs li a {
    color: #333333;
    float: left;
    min-width: 70px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
}

body.node-type-header #block-system-main {
    margin-top: 20px;
}

body.user-role-local ul.field-collection-view-links {
    display: none;
}

.highlights-default .highdefault.type-facebook .parts-highlight-img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 * Product page and Animation
 */

/*
 * Android issue on height change
 */
html.Android .tpl-1 img, html.Chrome.touch .tpl-1 img {
    background: url("/arquivos/1x1.png") no-repeat scroll 0 0 transparent !important;
}

html.Android body.node-type-products-page.effect-scroll-fixed #columns, html.Chrome.touch body.node-type-products-page.effect-scroll-fixed #columns {
    padding-top: 0px;
}

body.node-type-animation {
    position: relative;
    margin: 1px;
}

body.node-type-products-page .products-page-wrapper .block-0 {
    z-index: 6;
}

body.node-type-products-page .products-page-wrapper .block-1 {
    z-index: 5;
}

body.node-type-products-page .products-page-wrapper .block-2 {
    z-index: 4;
}

body.node-type-products-page .products-page-wrapper .block-3 {
    z-index: 3;
}

body.node-type-products-page .products-page-wrapper .block-4 {
    z-index: 2;
}

body.node-type-products-page .products-page-wrapper .block-5 {
    z-index: 1;
}

body.node-type-animation .products-animation-wrapper, body.node-type-products-page .products-animation-wrapper {
    width: 100%;
    height: 100%;
    z-index: 14;
    top: 42px;
    left: 0;
}

body.node-type-animation .products-animation-wrapper, body.node-type-products-page.animation .products-animation-wrapper {
    position: fixed;
}

body.node-type-products-page .products-page-wrapper .tpl-1 {
    width: 100%;
}

body.node-type-products-page.animation .products-page-wrapper .tpl-1 {
    overflow: hidden;
    position: fixed !important;
    border-bottom: 2px solid #FFFFFF;
}

/*
 * Product Page/Animation and footer
 */
body.node-type-animation #footer,
body.node-type-products-page #footer {
    display: none;
}

/* PRODUCTS PAGE EFECTS */
div#flip-flops .parallax-button {
    display: none;
}

/*
 * NAVIGATOR EFFECTS
 */

.navigation li, .parallax-button, .parallax-top-button {
    background: url("/arquivos/sp-prod-nav.png") no-repeat scroll 0 0 transparent;
    z-index: 20;
}

/*
 * ARROW PRODUCT
 */

div#accessories .parallax-top-button {
    background-position: -20px -40px;
}

div#accessories .p-button {
    bottom: 50px;
    left: 45%;
    position: absolute;
    cursor: pointer;
}

.parallax-button, .parallax-top-button {
    background-position: -20px 0;
    cursor: pointer;
    display: block;
    height: 32px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 76px;
    position: fixed;
    bottom: 49px;
    margin: 0 auto;
}

.parallax-top-button {
    display: none;
}

.navigation {
    position: fixed;
    z-index: 13;
    top: 60px;
    right: 20px;
}

.navigation li {
    background-position: 0 -17px;
    display: block;
    height: 15px;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
    cursor: pointer;
}

.navigation li:hover {
    background-position: 0 -32px !important;
    display: block;
    height: 15px;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}

.navigation li.active {
    background-position: 0 -2px !important;
    display: block;
    height: 15px;
    padding: 0;
    text-indent: -9999px;
    width: 15px;
}

div.product-type-flip-flops .navigation {
    display: none
}

body.node-type-products-page .navigation li#initial {
    display: none;
}

/*
 * ATENDIMENTO
 */
body.seja-um-revendedor,
body.node-type-international-offices,
body.seja-um-franqueado,
body.node-type-faq-page,
body.node-type-contact-us,
body.politica-de-privacidade {
    background-color: #d4f0d3;
    height: auto;
}

body.seja-um-revendedor h2,
body.node-type-international-offices h2,
body.seja-um-franqueado h2,
body.node-type-faq-page h2,
body.node-type-contact-us h2,
body.politica-de-privacidade h2 {
    color: #3883aa;
    font-size: 245%;
    line-height: 36px;
    text-transform: uppercase;
}

body.seja-um-revendedor .content-inner,
body.node-type-international-offices .content-inner,
body.seja-um-franqueado .content-inner,
body.node-type-faq-page .content-inner,
body.node-type-contact-us .content-inner,
body.politica-de-privacidade .content-inner {
    margin: 0 auto;
    width: 70%;
    padding-top: 0;
}

body.seja-um-revendedor footer,
body.node-type-international-offices footer,
body.node-type-faq-page footer,
body.node-type-contact-us footer {
    margin-top: 200px;
}

body.node-type-contact-us iframe {
    display: none;
}

/*
 * POLITICA DE PRIVACIDADE
 */

body.politica-de-privacidade .content-inner p, body.politica-de-privacidade .content-inner a, body.politica-de-privacidade .content-inner ul, body.politica-de-privacidade .content-inner li {
    color: #676a75;
    margin: 10px 0;
}



/*
 * FORMULARIO
 */

.jqTransformHidden {
    display: none;
}

body.node-type-contact-us h3 {
    margin: -3px 0 22px;
    font-family: "Tahoma";
    font-size: 12px;
    color: #676a75;
    text-transform: none;
}

form.customer-service {
    width: 885px !important;
}

.customer-service .form-item label {
    font-family: "AlternateGothic2" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 126%;
    color: #00aead;
    text-transform: uppercase;
    padding-bottom: 3px;
    display: block;
}

.customer-service fieldset {
    /*border: 1px solid #bfbfbf;
     background-color: #FAFAE6;*/
    padding-bottom: 0;
    width: 851px;
}

.customer-service fieldset#edit-phones {
    width: auto;
    clear: none;
    float: left;
}


.customer-service fieldset#edit-phones.clear-both {
    clear: both;
}

.customer-service .form-item input,
.customer-service .form-item select {
    height: 30px;
    color: #470730;
    font-family: "Tahoma";
    background-color: #fff;
    border: 1px solid #bfbfbf;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-service .form-item select {
    height: 32px;
}

.customer-service .form-item textarea {
    color: #470730;
    font-family: "Tahoma";
    border: 1px solid #bfbfbf;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}


#edit-sugestion {
    border: none;
    color: #676a75;
    display: none;
}

.customer-service .form-item {
    float: left;
    margin: 0 20px 11px 0;
    position: relative;
}

.form-resale .form-item.form-item-willing-to-buy {
    margin: 0 0 11px 0;
}

.form-resale .form-item.form-item-brazil-state {
    margin: 0 20px 0 0;
}

.form-resale .form-item.form-item-company {
    clear: both;
}

fieldset#edit-sugestion, .customer-service div.form-item-files-product-image, div.form-item-address, fieldset#edit-phones, fieldset#edit-social-number, div.form-item-product-owner-name, div.form-item-name {
    float: none;
    clear: both;
    margin: 0;
}

.customer-service div.form-item-files-product-image {
    margin: 0 20px 11px 0;
    background-color: transparent;
}

div.form-item-name input {
    width: 455px;
}

div.form-item-product-owner-name input {
    width: 325px;
}

div.form-item-phone input, fieldset#edit-social-number input, div.form-item-product-owner-social-number input {
    width: 280px;
}

div.form-item-email input {
    width: 280px;
}

div.form-item-address input {
    width: 265px;
}

div.form-item-product-model input {
    width: 300px;
}

fieldset#edit-phones input, div.form-item-city input {
    width: 150px;
}

div.form-item-neighborhood input {
    width: 180px;
}

div.form-item-postal-code input {
    width: 130px;
}

div.form-item-number input {
    width: 85px;
}

div.form-item-complement input, div.form-item-reference input{
    width: 190px;
}

div.form-item-state input, div.form-item-birth-day input {
    width: 140px;
}

div.form-item-product-date-purchase input {
    width: 155px;
}

div.form-item-product-color input {
    width: 180px;
}

body.node-type-contact-us div.form-item-state input, body.node-type-contact-us div.form-item-city input {
    width: 210px;
}

div.form-item-message textarea, div.form-item-product-comments textarea {
    width: 870px;
    border: 1px solid #bfbfbf;
}

.customer-service div.form-type-checkbox {
    margin-top: 29px;
    margin-bottom: 14px;
}

.customer-service div.form-item-social-number-opt {
    margin-bottom: 19px;
}

fieldset#edit-social-number {
    display: none;
}

fieldset#edit-social-number {
    margin-bottom: 10px;
}

.customer-service div.form-item-brazil-state {
    margin-right: 0;
    width: 170px;
    margin-left: 20px;
}

fieldset#edit-social-number, fieldset#edit-product, fieldset#edit-phones {
    background: none;
    border: none;
    padding: 0;
}

.customer-service .form-item-files-product-image input {
    border: none;
}

.customer-service div.form-item-postal-code,
body.seja-um-franqueado .customer-service div.form-item-postal-code {
    margin-right: 20px;
}

.customer-service .form-item-message {
    margin-bottom: 19px;
}

.customer-service #edit-sugestion {
    text-align: left;
    margin-bottom: 19px;
    padding: 0;
}

.customer-service div.form-item-terms-and-condition-opt {
    clear: both;
    float: none;
    margin: 0;
    /*padding: 15px 0 5px;*/
    width: 120px;
}

.customer-service input.form-submit {
    background-color: #3983AA;
    border: medium none;
    color: #FFFFFF;
    height: 34px;
    text-transform: uppercase;
    width: auto;
    font-family: "AlternateGothic2" !important;
    font-size: 145%;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.3px;
    float: right;
    margin-right: 16px;
    margin-top: -20px;
    margin-bottom: 52px;
    padding: 0 5px;
    width: 90px;
}

edit-product-image:hover, .customer-service input.form-submit:hover {
    background-color: #316f91;
}

.customer-service .form-item label.error {
    color: #FF0000;
    font-size: 100%;
    height: 17px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    /*top: 32px;*/
    top: 53px;
    width: 100%;
    display: none !important;
}

.customer-service .form-textarea-wrapper label.error {
    top: 123px;
}

.form-resale div.form-item-phone {
    display: block;
}

fieldset#edit-product, div.form-item-phone, div.form-item-social-number-opt, div.form-item-product-owner-social-number, div.form-item-product-owner-name, .customer-service div.grippie {
    display: none;
}

div#comments-count, div#message-count {
    float: left;
    font-size: 75%;
    margin-top: -20px;
    color: #676A75;
    font-weight: bold;
}

div#comments-count {
    margin-top: -10px;
}

/*
 * SPRITE FORMS
 */

a.jqTransformRadio, .form-item-product-size .jqTransformSelectWrapper, .form-item-brazil-state .jqTransformSelectWrapper, a.jqTransformChecked, a.jqTransformCheckbox, .jqTransformSelectWrapper {
    background: url(/arquivos/sp-form.png) no-repeat 0 0;
}

/*
 * Radios
 */

span.jqTransformRadioWrapper {
    display: block;
    float: left;
    margin-top: 2px;
    position: relative;
}
a.jqTransformRadio {
    background-position: -87px -67px;
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block; /*display: -moz-inline-block;*/
    cursor: pointer;
    margin-right: 10px;
    margin-top: 3px;
}

a.jqTransformRadio:hover {
    background-position: -117px -67px;
}

div.form-type-radio a.jqTransformChecked, div.form-type-radio a.jqTransformChecked:hover {
    background-position: -148px -67px;
}

/*
 * Checkboxes
 */
span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-top: 2px;
    position: relative;
}
a.jqTransformCheckbox {
    background-position: 0 -68px;
    background-color: #FFFFFF;
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block; /*display: -moz-inline-block;*/
    cursor: pointer;
    margin-right: 10px;
    margin-top: 3px;
}

a.jqTransformCheckbox:hover {
    background-position: -30px -68px;
}

/*
 * Checked - Used for both Radio and Checkbox
 */
div.form-type-checkbox a.jqTransformChecked, div.form-type-checkbox a.jqTransformChecked:hover {
    background-position: -60px -68px;
}

div.form-item-social-number-opt a.jqTransformChecked, div.form-item-social-number-opt a.jqTransformChecked:hover {
    margin-bottom: 15px;
}

/*
 * Selects
 */

.jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 30px;
    float: left;
    width: 214px !important;
    background-position: 0 0;
}

.jqTransformSelectWrapper:hover {
    background-position: 0 -33px;
}

.form-item-brazil-state .jqTransformSelectWrapper {
    background-position: 0 -90px;
    width: 170px !important;
}

.form-item-brazil-state .jqTransformSelectWrapper:hover {
    background-position: 0 -123px;
}

.form-item-product-size .jqTransformSelectWrapper {
    background-position: 0 -158px;
    width: 100px !important;
}

.form-item-product-size .jqTransformSelectWrapper:hover {
    background-position: 0 -191px;
}

.jqTransformSelectWrapper div span {
    font-size: 12px;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 24px;
    line-height: 15px;
    padding: 6px 0 0 12px;
    /*overflow: hidden;*/
    cursor: pointer;
    color: #b2b5bf;
    font-family: "Tahoma";
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    width: 31px;
    height: 30px;
}

.jqTransformSelectWrapper ul {
    position: absolute;
    width: 43px;
    top: 30px;
    left: 0px;
    list-style: none;
    background-color: #ffffff;
    border: solid 1px #BFBFBF;
    display: none;
    margin: 0px;
    padding: 0;
    min-height: 90px !important;
    z-index: 10;
    overflow-y: auto !important;
    width: 212px !important;
}

.form-item-brazil-state .jqTransformSelectWrapper ul {
    width: 168px !important;
}

.form-item-product-size .jqTransformSelectWrapper ul {
    width: 97px !important;
}

.jqTransformSelectWrapper ul li {
    background: none;
    border-bottom: 1px solid #BFBFBF;
    height: 30px;
}

.jqTransformSelectWrapper ul a {
    display: block;
    padding: 6px 0 0 11px;
    text-decoration: none;
    color: #470730;
    font-size: 12px;
    border-bottom: none;
    height: 24px;
}

.jqTransformSelectWrapper ul a.selected {
    color: #470730;
    border-bottom: none;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
    background: #d9efef;
    color: #470730;
}

.customer-service div.description {
    color: #676A75;
}

.customer-service textarea, .customer-service input, .customer-service select {
    padding-left: 10px;
}

.customer-service option {
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #BFBFBF;
}

/*
 * CAPTCHA
 */
/*.customer-service div#edit-captcha-form {
 position: relative;
 margin-bottom: 52px;
 }

 .customer-service div#edit-captcha-form span {
 font-family: "AlternateGothic2";
 font-style: normal;
 font-weight: normal;
 font-size: 120%;
 color: #00aead;
 text-transform: uppercase;
 padding-bottom: 3px;
 display: block;
 }

 .customer-service div#recaptcha_image {
 border: 1px solid #000000;
 background-color: #FFFFFF;
 margin-bottom: 12px;
 }

 .customer-service div.recaptcha_get_another_captcha a,
 .customer-service div.recaptcha_only_if_image a,
 .customer-service div.recaptcha_help a {
 background: url(/arquivos/sp-captcha.png) 0 0 no-repeat;
 width: 32px;
 height: 18px;
 text-indent: -99999px;
 display: block;
 }

 .customer-service div.recaptcha_get_another_captcha a,
 .customer-service div.recaptcha_get_another_captcha a:hover {
 background-position: 0 0;
 left: 205px;
 position: absolute;
 top: 105px;
 }

 .customer-service div.recaptcha_only_if_image a,
 .customer-service div.recaptcha_only_if_image a:hover {
 background-position: -32px 0 !important;
 left: 235px;
 position: absolute;
 top: 105px;
 }

 .customer-service div.recaptcha_help a,
 .customer-service div.recaptcha_help a:hover {
 background-position: -69px 0 !important;
 left: 275px;
 position: absolute;
 top: 105px;
 }

 .customer-service input#recaptcha_response_field {
 width: 195px;
 }

 .customer-service a#recaptcha_audio_play_again {
 cursor: pointer;
 left: 10px;
 position: absolute;
 top: 13px;
 }

 .customer-service a#recaptcha_audio_download {
 cursor: pointer;
 left: 10px;
 position: absolute;
 top: 35px;
 }

 .customer-service div.recaptcha_only_if_incorrect_sol {
 color: #FF0000;
 font-family: "Tahoma";
 font-size: 95%;
 left: 10px;
 position: absolute;
 top: 55px;
 }*/

div#edit-captcha-label {
    margin: 0 0 -10px;
}

div.captcha {
    clear: both;
}

.customer-service table#recaptcha_table {
    position: relative;
}

.customer-service td.recaptcha_image_cell {
    left: 0;
    position: absolute;
    top: 50px;
}

.customer-service td.recaptcha_r4_c1 {
    left: 0;
    position: absolute;
    top: 0;
}

.customer-service td.recaptcha_r4_c1 .recaptcha_input_area {
    margin-left: 0 !important;
}

.customer-service .recaptchatable * {
    font-family: "Tahoma" !important;
}

.customer-service .recaptchatable .recaptcha_r8_c1, .customer-service .recaptchatable .recaptcha_r7_c1, .customer-service .recaptchatable .recaptcha_r4_c4, .customer-service .recaptchatable .recaptcha_r4_c2, .customer-service .recaptchatable .recaptcha_r4_c1, .customer-service .recaptchatable .recaptcha_r3_c3, .customer-service .recaptchatable .recaptcha_r3_c2, .customer-service .recaptchatable .recaptcha_r3_c1, .customer-service .recaptchatable .recaptcha_r2_c2, .customer-service .recaptchatable .recaptcha_r2_c1, .customer-service .recaptchatable .recaptcha_r1_c1, .customer-service .recaptchatable tr {
    background: none;
}

.customer-service .recaptchatable #recaptcha_image {
    border: 1px solid #000000 !important;
}

.customer-service .recaptcha_theme_red #recaptcha_response_field {
    border: 1px solid #BFBFBF;
}

.customer-service .recaptchatable #recaptcha_response_field {
    width: 195px !important;
    height: 27px;
}

.customer-service .recaptchatable a:hover, .customer-service .recaptchatable a {
    background: url(/arquivos/sp-captcha.png) 0 0 no-repeat !important;
    width: 32px;
    height: 18px;
}

.customer-service .recaptchatable a, .customer-service .recaptchatable a:hover {
    cursor: pointer;
    outline: medium none;
    padding: 0 !important;
    display: block;
}

.customer-service .recaptchatable a#recaptcha_reload_btn, .customer-service .recaptchatable a#recaptcha_reload_btn:hover {
    background-position: 0 0;
    left: 205px;
    position: absolute;
    top: 12px;
    display: block !important;
}

.customer-service .recaptchatable a#recaptcha_switch_audio_btn, .customer-service .recaptchatable a#recaptcha_switch_audio_btn:hover {
    background-position: -32px 0 !important;
    left: 235px;
    position: absolute;
    top: 12px;
    display: block !important;
}

.customer-service .recaptchatable a#recaptcha_whatsthis_btn, .customer-service .recaptchatable a#recaptcha_whatsthis_btn:hover {
    background-position: -69px 0 !important;
    left: 275px;
    position: absolute;
    top: 12px;
    display: block !important;
}
.customer-service .recaptchatable a img {
    display: none !important;
}

.customer-service .recaptcha_image_cell span a:hover, .customer-service .recaptcha_image_cell span a {
    background: none repeat scroll 0 0 transparent !important;
    display: block;
    height: 10px;
    padding: 10px 10px 0 !important;
    width: 250px;
    color: #00A1A0;
    font-weight: bold;
}

/*
 * REVENDAS
 */

body.seja-um-revendedor div#block-system-main p {
    margin: 0;
    color: #676A75;
    font-family: "Tahoma";
    font-size: 12px;
}

body.seja-um-revendedor div.form-item-address,
body.seja-um-revendedor div.form-item-neighborhood {
    display: block;
}

body.seja-um-revendedor div#block-system-main {
    margin: 30px 0;
}

body.seja-um-revendedor div.form-type-markup {
    clear: both;
    margin-top: 20px;
    width: 100%;
}

body.seja-um-revendedor div.form-type-markup label {
    border-bottom: 2px solid #3983AA;
    color: #3983AA;
    font-family: 'Proxima Nova' !important;
    font-size: 125%;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: -12px;
    text-transform: uppercase;
    width: 100%;
    display: block;
}

body.seja-um-revendedor div.form-item-mail input,
body.seja-um-revendedor div.form-item-responsible input,
body.seja-um-revendedor div.form-item-company input {
    width: 230px;
}

body.seja-um-revendedor div.form-item-cell-phone input,
body.seja-um-revendedor div.form-item-phone input,
body.seja-um-revendedor div.form-item-cnpj input {
    width: 150px;
}

body.seja-um-revendedor div.form-item-stores input {
    width: 130px;
}

body.seja-um-revendedor .customer-service div.form-item-brazil-state,
body.seja-um-revendedor .customer-service div.form-item-brazil-state select,
body.seja-um-revendedor div.form-item-state input {
    width: 120px;
}

body.seja-um-revendedor div.form-item-zipcode input {
    width: 90px;
}

body.seja-um-revendedor div.form-item-branch-of-activity input {
    width: 410px;
}

body.seja-um-revendedor div.form-item-other-informations textarea,
body.seja-um-revendedor div.form-item-brands textarea {
    width: 860px;
}

body.seja-um-revendedor .customer-service input.form-submit {
    margin-top: 10px;
    margin-right: 26px;
}

body.seja-um-revendedor .textarea-counter {
    margin-right: 25px;
}

body.seja-um-revendedor div.time-info {
    margin: 0 0 20px;
}

body.seja-um-revendedor div.time-info label {
    color: #676A75;
    font-family: "Tahoma";
    font-size: 80%;
    margin: 0;
    border: none;
}

html.iPad body.seja-um-revendedor strong a,
html.iPhone body.seja-um-revendedor strong a {
    color: #676A75;
}

/*
 * BOX CONTACT
 */

div#block-havaianas-havaianas-contact-phones {
    clear: both;
}

div.ln-break {
    border-top: 1px solid #9dada4;
    margin-bottom: 27px;
}

body.node-type-faq-page div.ln-break {
    margin-top: 37px;
}

div#box-atendimento p {
    margin: 0;
}

p.txt-atendimento {
    color: #676a75;
}

div.box-support {
    margin-top: 15px;
    width: 612px;
    float: left;
    background-color: #00AEAD;
}

div.box-support p {
    color: #FAFAE6;
    font-family: 'ProximaNova-Bold' !important;
    font-style: normal;
    font-weight: normal;
}

p.title-support {
    font-size: 112.5%;
    text-transform: uppercase;
}

div.box-support p.title-support {
    background-color: #00a1a0;
    display: block;
    padding: 10px 15px;
}

div.box-hour, div.box-phone {
    background-color: #00aead;
    float: left;
    padding: 17px 30px 38px 20px;
    width: 245px;
    min-height: 72px;
}

div.box-phone {
    border-right: 2px solid #FFFFFF;
    width: 265px;
}

div#box-atendimento p.txt-box-title {
    text-transform: uppercase;
    margin-bottom: 10px;
}

div.box-support p.txt-box span {
    font-family: 'AlternateGothic1' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 205%;
    line-height: normal;
    margin-right: 12px;
    text-transform: uppercase;
    color: #FAFAE6;
}

html.Chrome .box-support p.txt-box span {
    margin-right: 5px;
}

div#box-atendimento p.txt-box {
    font-family: "Tahoma";
    font-style: normal;
    font-weight: normal;
    font-size: 76%;
    line-height: normal;
}

body.node-type-contact-us div.box-contact {
    display: none;
}

div.box-contact {
    margin-top: 15px;
    background-color: #ed416c;
    float: left;
    width: 252px;
    margin-left: 20px;
    min-height: 172px;
}

div.box-contact p.title-support {
    background-color: #de3861;
    display: block;
    padding: 10px 15px;
}

div.box-contact p {
    color: #FAFAE6;
    font-family: 'ProximaNova-Bold' !important;
    font-style: normal;
    font-weight: normal;
}

div#box-atendimento div.box-contact p.txt-contact {
    display: block;
    font-family: "Tahoma";
    font-size: 76%;
    font-style: normal;
    font-weight: normal;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 27px;
    text-align: center;
    width: 140px;
    letter-spacing: 0;
}

div#box-atendimento div.box-contact p.btn-contact {
    background: #b23151;
    display: block;
    width: 130px;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}

div#box-atendimento div.box-contact p.btn-contact:hover {
    background: #8e2741;
}

html.ie10 div#box-atendimento div.box-contact p.btn-contact, html.IE-10 div#box-atendimento div.box-contact p.btn-contact, html.ie9 div#box-atendimento div.box-contact p.btn-contact, html.IE-9 div#box-atendimento div.box-contact p.btn-contact {
    width: 140px;
}

div.box-contact p.btn-contact a {
    color: #FAFAE6;
    font-family: 'AlternateGothic2' !important;
    font-size: 164%;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0;
}

div.error {
    background: none;
    background-color: #FEF5F1;
}

div.messages.status, div.messages.error {
    padding: 10px;
}

div.messages.status li, div.messages.error li {
    list-style: none;
}

div.messages ul {
    margin: 0;
}

div.status {
    background: none;
    background-color: #F8FFF0;
}

/*
 * Form - IE8
 */

html.ie8 .customer-service .form-item label, html.IE-8 .customer-service .form-item label {
    font-family: Tahoma;
    font-size: 100%;
}

html.IE-8 .customer-service input.form-submit, html.ie8 .customer-service input.form-submit {
    width: 84px;
    font-family: Tahoma;
    font-size: 90%;
    margin-bottom: 52px;
    font-weight: bold;
}

html.IE-8 div.box-support, html.ie8 div.box-support {
    min-height: 207px;
}

html.IE-8 div#box-atendimento div.box-contact p.btn-contact a, html.ie8 div#box-atendimento div.box-contact p.btn-contact a, html.IE-8 .customer-service .form-item label, html.ie8 .customer-service .form-item label, html.ie8 div.box-support p.txt-box span, html.IE-8 div.box-support p.txt-box span, html.IE-8 .customer-service .form-item label, html.ie8 .customer-service .form-item label {
    font-family: "Tahoma";
    font-size: 100%;
    font-weight: bold;
}

html.IE-8 .customer-service .form-item label, html.ie8 .customer-service .form-item label {
    font-size: 80%;
}

html.ie8 .customer-service div.form-item-terms-and-condition-opt, html.IE-8 .customer-service div.form-item-terms-and-condition-opt {
    width: 180px;
}

html.ie8 .customer-service div.form-item-product-status, html.IE-8 .customer-service div.form-item-product-status {
    clear: both;
}

html.ie8 .customer-service div.form-item-product-status  div.form-item-product-status, html.IE-8 .customer-service div.form-item-product-status  div.form-item-product-status {
    clear: none;
}

html.IE-8 div.box-support, html.ie8 div.box-support {
    width: 609px;
}

html.IE-8 div.box-hour, html.ie8 div.box-hour, html.IE-8 div.box-phone, html.ie8 div.box-phone {
    width: 253px;
}

html.IE-8 div.box-hour, html.ie8 div.box-hour {
    width: 254px;
}

html.IE-8 div#box-atendimento div.box-contact p.btn-contact, html.ie8 div#box-atendimento div.box-contact p.btn-contact {
    width: 150px;
}

html.ie8 div.box-contact, html.IE-8 div.box-contact {
    height: 152px;
}

/*
 * FAQ
 */

body.node-type-faq-page div#accordion div.ui-widget-content {
    background: none;
    /*height: 100% !important;*/
}

body.node-type-faq-page h3 {
    color: #3883aa;
    font-size: 180%;
    line-height: 18px;
    margin-top: 35px;
    text-transform: uppercase;
}

body.node-type-faq-page .ui-state-default, body.node-type-faq-page .ui-widget-content
body.node-type-faq-page .ui-state-default, body.node-type-faq-page .ui-widget-header .ui-state-default {
    border: medium none;
    background: none repeat scroll 0 0 transparent;
    color: #676a75;
    font-style: normal;
    padding: 0;
}

body.node-type-faq-page .faq-subgroup {
    margin-left: -17px;
    margin-top: -19px;
}

body.node-type-faq-page div.ui-accordion h3 {
    border: medium none;
    color: #272B3A;
    font-size: 120%;
    font-style: normal;
    font-weight: normal;
    padding: 1px 0 0 17px;
}

body.node-type-faq-page div.ui-accordion h3.ui-state-default {
    background: url(/arquivos/btn-accordion.png) 0 3px no-repeat;
    margin-bottom: 16px;
}

body.node-type-faq-page div.ui-accordion h3.ui-state-active {
    background: url(/arquivos/btn-accordion-on.png) 0 7px no-repeat;
}

body.node-type-faq-page .ui-accordion h4 {
    margin-top: -3px;
}

body.node-type-faq-page .ui-accordion h4.ui-corner-all {
    margin-bottom: 15px;
}

body.node-type-faq-page div.ui-accordion-content div.ui-accordion-content {
    padding: 0;
    margin-bottom: 15px;
}

body.node-type-faq-page div.ui-accordion-content p {
    color: #676a75;
    font-style: normal;
    padding: 0;
    margin: 0;
}

body.node-type-faq-page div.ui-accordion-content p a{
    color: #676a75;
    font-style: normal;
    font-family: inherit;
    text-decoration: underline;
}

body.node-type-faq-page div.ui-accordion-content ul li, body.node-type-faq-page div.ui-accordion-content ol li, body.node-type-faq-page div.ui-accordion-content a {
    color: #676a75;
}

body.node-type-faq-page div.ui-accordion-content ul, body.node-type-faq-page div.ui-accordion-content ol {
    padding: 0 0 0 25px;
}

body.node-type-faq-page .accordion-hidden {
    display: none !important;
}

/*
 * Escritórios Internacionais
 */

body.node-type-international-offices .box-regions h3 {
    color: #00aead;
    border-bottom: 1px solid #6acfc0;
    padding-bottom: 6px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    margin-bottom: 11px;
}

body.node-type-international-offices .box-regions li:first-child {
    margin-top: 32px;
    padding: 0;
}

body.node-type-international-offices .box-regions span {
    color: #272b3a;
    display: block;
    float: left;
    font-family: "Tahoma";
    font-size: 85%;
    line-height: 27px;
    min-height: 20px;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
    /*background: url(/arquivos/img-bar-pais-int.png) right 9px no-repeat;
     width: 150px;*/
}

body.node-type-international-offices .box-regions span.active {
    background: url("/arquivos/img-tri.png") no-repeat scroll 20px 23px transparent;
    height: 30px;
    position: relative;
    text-decoration: underline;
    z-index: 9;
}

body.node-type-international-offices .box-regions span.pipe {
    padding: 0;
}

body.node-type-international-offices .box-regions span.last {
    background: none repeat scroll 0 0 transparent;
}

body.node-type-international-offices .box-regions span.country {
    cursor: pointer;
    position: relative;
    z-index: 99;
}

body.node-type-international-offices .tooltip-group {
    clear: both;
    float: none;
    display: none;
    margin-top: 29px;
    position: absolute;
    z-index: 999;
}

body.node-type-international-offices .ei-triangul {
    display: none;
}

body.node-type-international-offices .tooltip-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #aac0a9;
    border-top: 1px solid #aac0a9;
    display: block;
    margin: 0 10px;
    width: 885px;
    min-height: 90px;
}

body.node-type-international-offices .tooltip-content p.close {
    background: url(/arquivos/bt-closed.png) right center no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    text-indent: -99999px;
    margin-top: 8px;
    cursor: pointer;
}

body.node-type-international-offices .tooltip-content p.title {
    color: #676a75;
    font-family: 'ProximaNova-Bold' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 105%;
    padding-top: 15px;
    text-transform: uppercase;
}

body.node-type-international-offices .tooltip-content p.address, body.node-type-international-offices .tooltip-content p.phone, body.node-type-international-offices .tooltip-content p.pipe, body.node-type-international-offices .tooltip-content p.email {
    font-family: "Tahoma";
    font-size: 85%;
    clear: both;
    float: none;
    font-style: normal;
    font-weight: normal;
    background: none;
    color: #676a75;
    min-height: 20px;
    text-align: left;
    vertical-align: middle;
    margin-top: -3px;
    margin-bottom: 3px;
}

body.node-type-international-offices .tooltip-content p.phone, body.node-type-international-offices .tooltip-content p.pipe, body.node-type-international-offices .tooltip-content p.email {
    float: left;
    clear: none;
}

body.node-type-international-offices .tooltip-content p.email {
    margin-right: 10px;
}

body.node-type-international-offices .tooltip-content p.phone {
    margin-left: 7px;
}

body.node-type-international-offices .tooltip-content p.pipe {
    margin-left: 0;
    margin-right: 0;
}

body.node-type-international-offices .tooltip-content p.address span, body.node-type-international-offices .tooltip-content p.phone span, body.node-type-international-offices .tooltip-content p.email span {
    font-weight: bold;
    background: none;
    line-height: normal;
    min-height: 20px;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
    color: #676a75;
    font-size: 103%;
    display: block;
    margin-top: 2px;
    float: left;
}

html.IE body.node-type-international-offices .tooltip-content p.address, html.Chrome body.node-type-international-offices .tooltip-content p.address {
    margin-bottom: 3px;
}

body.node-type-international-offices .box-regions li {
    padding: 13px 0 0;
}

/*
 * FRANCHISEE
 */

body.seja-um-franqueado .form-text {
    background-color: #e8e8e8;
}

body.seja-um-franqueado .form-text.required,
body.seja-um-franqueado .form-item-home-phone .form-text,
body.seja-um-franqueado .form-item-business-phone .form-text{
    background-color: #ffffff;
}

body.seja-um-franqueado h2#page-title {
    font-size: 263%;
    margin: 1px 0 30px -1px;
}

body.seja-um-franqueado div.stamp {
    width: 205px;
    height: 150px;
    float: left;
}

body.seja-um-franqueado div.terms-conditions {
    width: 655px;
    float: left;
    margin-right: 20px;
}

body.seja-um-franqueado div.terms-conditions p {
    line-height: 16px;
    margin: 0;
    color: #676a75;
}

body.seja-um-franqueado div.terms-conditions a {
    background: url(/arquivos/img-terms.png) no-repeat 20px center #E86380;
    display: block;
    margin-top: 19px;
    padding: 10px 0 10px 20px;
    text-align: center;
    width: 165px;
    color: #FAFAE6;
    font-family: 'AlternateGothic2' !important;
    font-size: 132%;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    float: left;
}

body.seja-um-franqueado div.terms-conditions a:hover {
    background-color: #ed406b;
}

body.seja-um-franqueado div.terms-conditions span {
    color: #676A75;
    display: block;
    float: left;
    font-family: "Tahoma";
    font-size: 85%;
    line-height: 16px;
    margin: 23px 0 0 20px;
    width: 200px;
}

body.seja-um-franqueado div.form-item-postal-code{
    margin-right: 20px;
}

body.seja-um-franqueado div#edit-relationship-business label,
body.seja-um-franqueado div#edit-personal-data label {
    color: #3983AA;
    font-family: 'ProximaNova-Bold' !important;
    font-size: 125%;
    font-style: normal;
    font-weight: normal;
    margin-top: -12px;
    text-transform: uppercase;
    border-bottom: 2px solid #3983AA;
    width: 880px;
    margin-bottom: 4px;
}

body.seja-um-franqueado div.form-item-declaration-truth label.option,
body.seja-um-franqueado div.form-radios label.option {
    color: #676a75;
    font-family: "Tahoma" !important;
    font-size: 85%;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

body.seja-um-franqueado div.form-item {
    display: block;
    margin-left: 0;
}

/*body.seja-um-franqueado div.form-item-business-brazil-state,
 body.seja-um-franqueado div.form-item-brazil-state {
 display: none;
 }*/


body.seja-um-franqueado div.form-item-business-city-4 label,
body.seja-um-franqueado div.form-item-business-city-3 label,
body.seja-um-franqueado div.form-item-business-brazil-state-3 label,
body.seja-um-franqueado div.form-item-business-brazil-state-4 label {
    display: none;
}

body.seja-um-franqueado div.form-item-business-have-partners-details label,
body.seja-um-franqueado div.form-item-professional-situation-value label,
body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details label,
body.seja-um-franqueado div.form-item-business-uses-funding-details label,
body.seja-um-franqueado div.form-item-business-has-trading-post-details label,
body.seja-um-franqueado div.form-item-business-own-venture-details label,
body.seja-um-franqueado div.form-item-business-searching-other-details label,
body.seja-um-franqueado div.form-item-business-availability-details label,
body.seja-um-franqueado div.form-item-business-another-region-interest-value label,
body.seja-um-franqueado div.form-item-how-did-the-process-details label,
body.seja-um-franqueado div.form-item-experience-footwear-business-details label,
body.seja-um-franqueado div.form-item-own-venture-details label,
body.seja-um-franqueado div.form-item-professional-situation-other label {
    /*visibility: hidden;*/
}


body.seja-um-franqueado div.form-item-business-brazil-state,
body.seja-um-franqueado div.form-item-business-another-region-interest,
body.seja-um-franqueado div.form-item-schooling,
body.seja-um-franqueado div.form-item-neighborhood,
body.seja-um-franqueado div.form-item-professional-situation {
    clear: both;
}

body.seja-um-franqueado div.form-item-business-uses-funding div.form-item-business-uses-funding,
body.seja-um-franqueado div.form-item-business-another-region-interest div.form-item-business-another-region-interest,
body.seja-um-franqueado div.form-item-address,
body.seja-um-franqueado div.form-type-radio.form-item-professional-situation {
    clear: none;
}

body.seja-um-franqueado div#edit-relationship-business {
    margin-top: 33px;
    margin-bottom: 20px;
}

body.seja-um-franqueado div.form-item-business-has-trading-post {
    margin-right: 27px;
}

body.seja-um-franqueado div.form-item-business-have-partners-details, body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details, body.seja-um-franqueado div.form-item-business-uses-funding-details, body.seja-um-franqueado div.form-item-business-has-trading-post-details, body.seja-um-franqueado div.form-item-business-own-venture-details, body.seja-um-franqueado div.form-item-business-searching-other-details, body.seja-um-franqueado div.form-item-business-availability-details, body.seja-um-franqueado div.form-item-business-another-region-interest-value, body.seja-um-franqueado div.form-item-postal-code, body.seja-um-franqueado div.form-item-how-did-the-process-details, body.seja-um-franqueado div.form-item-experience-footwear-business-details, body.seja-um-franqueado div.form-item-own-venture-details, body.seja-um-franqueado div.form-item-professional-situation-value, body.seja-um-franqueado div.form-item-area-knowledge {
    margin-right: 0;
}

.form-item.form-type-select.form-item-business-trading-post-type,
.form-item.form-type-radios.form-item-business-has-trading-post,
.form-item.form-type-radio.form-item-business-have-partners,
.form-item.form-type-radio.form-item-business-kinship-in-havaianas,
.form-item.form-type-radio.form-item-business-uses-funding,
.form-item.form-type-radio.form-item-business-has-trading-post,
.form-item.form-type-radio.form-item-business-own-venture,
.form-item.form-type-radio.form-item-business-searching-other,
.form-item.form-type-radio.form-item-business-availability,
.form-item.form-type-radio.form-item-business-another-region-interest,
.form-item.form-type-radio.form-item-how-did-the-process,
body.seja-um-franqueado .form-item.form-type-radio.form-item-own-venture,
body.seja-um-franqueado .form-item.form-type-radio.form-item-professional-situation {
    margin-bottom: 0;
}

body.seja-um-franqueado div.form-item-business-city-4,
body.seja-um-franqueado div.form-item-business-city-3,
body.seja-um-franqueado div.form-item-business-city-2 {
    margin-right: 220px;
}

body.seja-um-franqueado div.form-item-business-another-region-interest {
    height: 120px;
}

body.seja-um-franqueado div.form-item-name input {
    width: 290px;
}

body.seja-um-franqueado div.form-item-business-city-4 select,
body.seja-um-franqueado div.form-item-business-city-3 select,
body.seja-um-franqueado div.form-item-business-city-2 select,
body.seja-um-franqueado div.form-item-business-brazil-state-4 select,
body.seja-um-franqueado div.form-item-business-brazil-state-3 select,
body.seja-um-franqueado div.form-item-business-brazil-state-2 select,
body.seja-um-franqueado div.form-item-business-city select,
body.seja-um-franqueado div.form-item-city select,
body.seja-um-franqueado div.form-item-brazil-state select {
    width: 150px;
}

html.iPad body.seja-um-franqueado div.form-item-business-city-4 select,
html.iPad body.seja-um-franqueado div.form-item-business-city-3 select,
html.iPad body.seja-um-franqueado div.form-item-business-city-2 select,
html.iPad body.seja-um-franqueado div.form-item-business-brazil-state-4 select,
html.iPad body.seja-um-franqueado div.form-item-business-brazil-state-3 select,
html.iPad body.seja-um-franqueado div.form-item-business-brazil-state-2 select {
    width: 120px;
}

body.seja-um-franqueado div.form-item-experience-footwear-business-details {
    float: right;
}

html.Chrome body.seja-um-franqueado div.form-item-business-trading-post-type select {
    width: 126px;
}

html.Chrome body.seja-um-franqueado div.form-item-business-uses-funding-details input {
    width: 483px;
}

body.seja-um-franqueado div.form-item-business-brazil-state select {
    width: 186px;
}

body.seja-um-franqueado div.form-item-business-city input, body.seja-um-franqueado div.form-item-business-country select, body.seja-um-franqueado div.form-item-country select, body.seja-um-franqueado div.form-item-city input, body.seja-um-franqueado div.form-item-neighborhood input {
    width: 120px;
}

body.seja-um-franqueado div.form-item-birth-day input {
    width: 131px;
}

body.seja-um-franqueado div.form-item-social-number input {
    width: 109px;
}

body.seja-um-franqueado div.form-item-address input {
    width: 262px;
}

body.seja-um-franqueado div.form-item-postal-code input {
    width: 80px;
}

body.seja-um-franqueado #edit-country option {
    width: 110px;
}

body.seja-um-franqueado div.form-item-business-phone input, body.seja-um-franqueado div.form-item-cell-phone input, body.seja-um-franqueado div.form-item-home-phone input {
    width: 160px;
}

body.seja-um-franqueado div.form-item-area-knowledge input {
    width: 620px;
}

html.Chrome body.seja-um-franqueado div.form-item-area-knowledge input {
    width: 647px;
}

html.IE body.seja-um-franqueado div.form-item-area-knowledge input {
    width: 640px;
}

body.seja-um-franqueado div.form-item-professional-situation-value input {
    width: 494px;
}

html.IE body.seja-um-franqueado div.form-item-professional-situation-value input {
    width: 525px;
}

body.seja-um-franqueado div.form-item-business-availability-details input, body.seja-um-franqueado div.form-item-business-another-region-interest-value input {
    width: 660px;
}

body.seja-um-franqueado div.form-item-business-own-venture-details input {
    width: 670px;
}

body.seja-um-franqueado div.form-item-own-venture-details input {
    width: 662px;
}

body.seja-um-franqueado div.form-item-experience-footwear-business-details textarea {
    width: 600px;
}

body.seja-um-franqueado div.form-item-how-did-the-process-details input {
    width: 100%;
}

body.seja-um-franqueado div.form-item-business-searching-other-details textarea {
    width: 656px;
}

body.seja-um-franqueado div.form-item-business-has-trading-post-details {
    float: right;
}

body.seja-um-franqueado div.form-item-business-has-trading-post-details input {
    width: 480px;
    margin-top: -5px;
}

body.seja-um-franqueado div.form-item-business-uses-funding-details {
    float: right;
}

body.seja-um-franqueado div.form-item-business-uses-funding-details input {
    width: 400px;
}

body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details input {
    width: 870px;
}

html.IE body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details input {
    width: 865px;
}

body.seja-um-franqueado div.form-item-business-have-partners-details input {
    width: 693px;
}

body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details {
    margin-bottom: 40px;
    clear: both;
}

body.seja-um-franqueado div.form-item-business-kinship-in-havaianas-details label {
    /*display: none;*/
}

body.seja-um-franqueado p.ln-break {
    border-bottom: 2px solid #3983AA;
    clear: both;
    margin: 0;
    width: 880px;
}

html.IE body.seja-um-franqueado input.form-checkbox, html.IE body.seja-um-franqueado input.form-radio {
    border: none;
}

body.seja-um-franqueado div.form-item-declaration-truth {
    float: right;
    margin-right: 120px;
}

body.seja-um-franqueado div#edit-captcha-label {
    margin: 20px 0 -10px;
}

body.seja-um-franqueado div.captcha {
    clear: none;
}

body.seja-um-franqueado .customer-service input.form-submit {
    /*margin-top: -45px;*/
    margin-top: 0;
    padding: 0;
    width: 80px;
}

body.seja-um-franqueado .form-item-business-capital {
    clear: both;
}

body.seja-um-franqueado div.form-item-business-have-partners {
    margin-top: 5px;
}

/*body.seja-um-franqueado .form-item-business-uses-funding {
  margin-top: 5px;
}*/

body.seja-um-franqueado div.form-item-business-has-trading-post {
    clear: both;
}

body.seja-um-franqueado div.form-item-business-has-trading-post div {
    clear: none;
}

/*
 * Textarea counter
 */

.textarea-counter {
    color: #676A75;
    float: right;
    font-size: 75%;
    font-weight: bold;
    margin-right: 10px;
    margin-top: -10px;
    clear: both;
}

/*
 * PROPAGANDA
 */

body.node-type-publicity-page h1,
body.node-type-publicity-page h2 {
    display: none;
}

body.node-type-publicity-page .block {
    margin-bottom: 0;
}

body.node-type-publicity-page .principal {
    width: 59.8%;
    background-color: black;
    float: left;
    height: 475px;
    overflow: hidden;
    margin-right: 0.2%;
    margin-bottom: 0.2%;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    cursor: pointer;
    position: relative;
}

body.node-type-publicity-page .principal:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

body.node-type-publicity-page .box {
    height: 236px;
    overflow:hidden;
    float: left;
    position: relative;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    cursor: pointer;
}

body.node-type-publicity-page .box:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

body.node-type-publicity-page .cntr-content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

body.node-type-publicity-page .k-group-other .cntr-content,
    /*body.node-type-publicity-page .j-group-other .cntr-content,*/
body.node-type-publicity-page .i-group-other .cntr-content,
body.node-type-publicity-page .h-group-other .cntr-content,
body.node-type-publicity-page .f-group-other .cntr-content,
    /*body.node-type-publicity-page .e-group-other .cntr-content,*/
body.node-type-publicity-page .d-group-other .cntr-content,
body.node-type-publicity-page .c-group-other .cntr-content,
    /*body.node-type-publicity-page .b-group-other .cntr-content,*/
body.node-type-publicity-page .a-group-other .cntr-content,
body.node-type-publicity-page .j-group1 .cntr-content,
body.node-type-publicity-page .i-group1 .cntr-content,
body.node-type-publicity-page .h-group1 .cntr-content,
body.node-type-publicity-page .g-group1 .cntr-content,
body.node-type-publicity-page .f-group1 .cntr-content,
body.node-type-publicity-page .e-group1 .cntr-content,
    /*body.node-type-publicity-page .d-group1 .cntr-content,*/
body.node-type-publicity-page .c-group1 .cntr-content,
body.node-type-publicity-page .b-group1 .cntr-content {
    width: 203%;
    left: -52%;
}

body.node-type-publicity-page .content-column img {
    display: block;
    width: 100%;
}

.a-group1 {
    width: 40%;
    margin-bottom: 0.2%;
}

.b-group1 {
    margin-right: 0.3%;
    width: 19.7%;
    margin-bottom: 0.3%;
}

.c-group1 {
    width: 20%;
    margin-bottom: 0.3%;
}

.e-group-other,
.b-group-other,
.d-group1 {
    margin-bottom: 0.2%;
    margin-right: 0.2%;
    width: 39.8%;
}

.f-group-other,
.e-group1,
.j-group1 {
    margin-bottom: 0.2%;
    margin-left: 0.1%;
    margin-right: 0.2%;
    width: 19.7%;
}

.c-group-other,
.f-group1 {
    margin-bottom: 0.2%;
    margin-right: 0.3%;
    width: 19.7%;
}

.k-group-other,
.d-group-other,
.g-group1 {
    margin-bottom: 0.2%;
    width: 20%;
}

.i-group-other,
.h-group-other,
.a-group-other,
.h-group1,
.i-group1 {
    margin-bottom: 0.2%;
    margin-right: 0.2%;
    width: 19.8%;
}

.k-group1,
.g-group-other {
    width: 40%;
    margin-bottom: 0.2%;
}

.j-group-other {
    margin-bottom: 0.2%;
    margin-left: 0.1%;
    margin-right: 0.3%;
    width: 39.6%;
}

.h-group1,
.i-group1,
.j-group1,
.k-group1,
.a-group-other,
.b-group-other,
.c-group-other,
.d-group-other,
.e-group-other,
.f-group-other,
.g-group-other {
    margin-bottom: 0.25%;
}

body.node-type-publicity-page div.image .bg-video,
body.node-type-publicity-page div.image .btn-video {
    display: none;
}

body.node-type-publicity-page div.principal .bg-video,
body.node-type-publicity-page div.video .bg-video {
    position: absolute;
    background: url(/arquivos/bg-hightlighted-video.png) center center transparent;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
}

body.node-type-publicity-page div.video .btn-video {
    height: 71%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    display: block;
}

body.node-type-publicity-page div.video .btn-video {
    background: url(/arquivos/btn-video-propaganda-padrao.png) center center no-repeat;
    margin: 0;
    padding: 0;
}

body.node-type-publicity-page div.principal .btn-video {
    background: url(/arquivos/btn-video-propaganda-principal.png) center center no-repeat;
    height: 100%;
}

body.node-type-publicity-page div.video:hover .btn-video {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    display: block;
}


/*
 * OVERLAY PROPAGANDA
 */

body.node-type-publicity-page div#dialog {
    display: none;
}

/*body.nossas-lojas a.ui-dialog-titlebar-close span,
div.ui-resizable .ui-widget-header .ui-icon-closethick:hover,
div.ui-resizable .ui-widget-header .ui-icon-closethick {
  background: url("/arquivos/btn-close-1.png") 0 0 no-repeat;
  height: 30px;
}

body.nossas-lojas a.ui-dialog-titlebar-close:hover span,
div.ui-resizable .ui-widget-header .ui-icon-closethick:hover {
  background: url("/arquivos/btn-close-1.png") 0 -35px no-repeat;
  height: 30px;
}*/

body.node-type-publicity-page div.ui-resizable .ui-widget-header .ui-icon-closethick:hover,
body.node-type-publicity-page div.ui-resizable .ui-widget-header .ui-icon-closethick {
    background: url("/arquivos/btn-close-1.png") 0 0 no-repeat;
    height: 30px;
    width: 26px;
}

body.node-type-publicity-page div.ui-resizable .ui-widget-header .ui-icon-closethick:hover {
    background: url("/arquivos/btn-close-1.png") 0 -35px no-repeat;
    height: 30px;
}

body.nossas-lojas div.ui-resizable .ui-widget-header .ui-dialog-titlebar-close:hover,
body.nossas-lojas div.ui-resizable .ui-widget-header .ui-dialog-titlebar-close {
    background: url(/arquivos/btn-close-store.png) 0 0 no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 99;
    margin-right: 5px;
}

body.nossas-lojas div.ui-resizable .ui-widget-header .ui-dialog-titlebar-close:hover {
    background-position: 0 -24px;
}

div.ui-resizable .ui-widget-header .ui-icon-closethick {
    background: none;
}


body.nossas-lojas a.ui-dialog-titlebar-close span {
    text-indent: -9999px;
    display: block;
}

body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
    border-radius: 0 0 0 0 !important;
    height: 100% !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    /*padding-top: 50px;*/
}

body.node-type-publicity-highlights-main .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
    position: absolute !important;
}

body.node-type-publicity-highlights-default .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
    position: absolute !important;
}

body.node-type-publicity-highlights-default #logo .x-color,
body.node-type-publicity-highlights-main #logo .x-color {
    background-color: #3982A8;
}

body.node-type-publicity-page div.ui-dialog {
    background: url(/arquivos/bg-transp.png) 0 0 repeat;
}

body.node-type-publicity-page #dialog {
    background: none repeat scroll 0 0 #fafae6;
    margin-left: 14%;
    padding: 0.4%;
    /*width: 70% !important;*/
}

/*body.node-type-publicity-page .dialog-content {
  height: 89%;
}*/

body.node-type-publicity-page .ui-dialog .ui-dialog-content,
body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
    height: 500px;
    width: 100%;
}

body.node-type-publicity-page div#dialog p {
    margin: 0;
    padding: 10px;
}

body.node-type-publicity-page div.dialog-year {
    background: none repeat scroll 0 0 #008487;
    float: left;
    margin-right: 0.6%;
    /*padding: 0.6% 2%;*/
    text-align: center;
    /*  width: 106px;
      width: 10%;*/
    width: 88px;
    height: 96px;
}

body.node-type-publicity-page div.dialog-year p {
    font-family: 'GarageGothic-Bold' !important;
    font-size: 320%;
    font-style: normal;
    font-weight: normal;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    color: #FFFFFF;
    padding-top: 12% !important;
}

html.IE-8 body.node-type-publicity-page div.dialog-year p {
    font-size: 200%;
    padding-top: 20px !important;
}

body.node-type-publicity-page div.dialog-description {
    background-color: #E4E5D4;
    float: left;
    /*padding: 0.6% 1.5%;
    width: 87.4%;*/
    width: 89.4%;
    height: 96px;
    overflow: hidden;
}

html.IE-8 body.node-type-publicity-page div.dialog-description {
    width: 89.4%;
}


body.node-type-publicity-page div.dialog-description p {
    font-size: 80%;
}

/*
 * SAFARI
 */

html.Safari body.node-type-publicity-page .principal {
    width: 59.6%;
    margin-right: 0.4%;
    margin-bottom: 0.5%;
    height: 476px;
}

html.Safari .a-group1 {
    width: 40.1%;
    margin-bottom: 0.4%;
}

html.Safari .b-group1 {
    margin-right: 0.4%;
    width: 19.6%;
    margin-bottom: 0.4%;
}

html.Safari .c-group1 {
    width: 20.1%;
    margin-bottom: 0.4%;
}

html.Safari .e-group-other,
html.Safari .b-group-other,
html.Safari .d-group1 {
    margin-bottom: 0.4%;
    margin-right: 0.4%;
    width: 39.6%;
}

html.Safari .f-group-other,
html.Safari .e-group1,
html.Safari .j-group1 {
    margin-bottom: 0.4%;
    margin-left: 0;
    margin-right: 0.4%;
    width: 19.6%;
}

html.Safari .c-group-other,
html.Safari .f-group1 {
    margin-bottom: 0.4%;
    margin-right: 0.4%;
    width: 19.6%;
}

html.Safari .k-group-other {
    width: 20.1%;
}

html.Safari .d-group-other,
html.Safari .g-group1 {
    margin-bottom: 0.4%;
    width: 20.19%;
}

html.Safari .i-group-other,
html.Safari .h-group-other,
html.Safari .a-group-other,
html.Safari .h-group1,
html.Safari .i-group1 {
    margin-bottom: 0.4%;
    margin-right: 0.4%;
    width: 19.6%;
}

html.Safari .i-group1 {
    width: 19.7%;
}

html.Safari .k-group1,
html.Safari .g-group-other {
    width: 40.1%;
    margin-bottom: 0.4%;
}

html.Safari .j-group-other {
    margin-bottom: 0.4%;
    margin-left: 0;
    margin-right: 0.4%;
    width: 39.6%;
}

/*
 * SUSTENTABILIDADE
 */

body.node-type-sustainability-block #logo .x-color {
    background-color: #494B79;
}

body.node-type-sustainability #main-content-header {
    /*background: url(images/bg-png-2.png) no-repeat center top;*/
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 500px;
    position: relative;
    z-index: 12;
}

body.node-type-sustainability header h2#page-title {
    clear: both;
    display: block;
    padding: 0;
    margin:0;
    position: absolute;
    text-transform: uppercase;
    top: 87px;
    width: 100%;
    font-family: 'AlternateGothic1' !important;
    text-align: center;
    letter-spacing: 2px;
    word-spacing: 4px;
    line-height: 1em;
    color: #43b593;
    font-weight:normal;
    font-size: 97px;
    text-shadow:0px 0px 0 rgb(67,181,147),
    1px 1px 0 rgb(49,131,107),
    2px 2px 0 rgb(-28,133,139),
    3px 3px 0 rgb(-49,112,118),
    4px 4px 1px rgba(0,0,0,0.5);
}

html.IE-8 body.node-type-sustainability header h2#page-title {
    font-size: 400%;
}

body.node-type-sustainability h2.block-title {
    display: none;
}

body.node-type-sustainability div.view-content {
    padding: 0 20%;
    margin-top: -247px;
    z-index: 99;
}

body.node-type-sustainability div.sustainability-block div.sustainability-header {
    margin-bottom: 20px;
}

body.node-type-sustainability div.sustainability-block {
    padding-bottom: 50px;
}

body.node-type-sustainability div.sustainability-block table,
body.node-type-sustainability div.sustainability-block tr,
body.node-type-sustainability div.sustainability-block tbody,
body.node-type-sustainability div.sustainability-block td {
    border:none;
    padding: 0;
}

body.node-type-sustainability div.sustainability-block .title-image {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    padding-right: 20px;
    /*width: 150px;	*/
}

/*html.no-touch body.node-type-sustainability div.sustainability-block:first-child .title-image {
  width: 95px;
}*/

body.node-type-sustainability div.sustainability-block .ln-vert {
    border-right: 1px solid #000000;
    text-indent: -99999px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
}

body.node-type-sustainability div.sustainability-block .title-text h3 {
    display: block;
    float: left;
    font-family: 'GarageGothic-Bold' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 420%;
    color: #000000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    text-transform: uppercase;
    padding-left: 20px;
    line-height: 50px;
    margin: 0;
}

html.IE-8 body.node-type-sustainability div.sustainability-block .title-text h3 {
    font-size: 400%;
}

body.node-type-sustainability div.sustainability-block .description p {
    margin: 0;
}

body.node-type-sustainability div.sustainability-block p {
    color: #1e2943;
    font-size: 12px;
    font-family: 'Tahoma';
    line-height: 16px;
    letter-spacing: 1.5px;
    margin: 10px 0;
    padding: 0;
}

body.node-type-sustainability div.sustainability-block .e-commerce {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    height: auto;
    padding: 9px 8px 8px;
    text-align: center;
    width: 70px;
    margin-top: 16px;
    background-color: #000000;
}

body.node-type-sustainability div.sustainability-block table {
    margin: 15px 0;
}

html.ie8 body.node-type-sustainability div.sustainability-block .e-commerce {
    width: 105px;
}

body.node-type-sustainability div.sustainability-block .e-commerce:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: pointer;
    background-color: #000000;
}

body.node-type-sustainability div.sustainability-block .e-commerce a {
    color: #FAFAE6;
    font-family: 'AlternateGothic2' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
}

html.IE-8 body.node-type-sustainability div.sustainability-block .e-commerce a  {
    font-weight: bold;
}

body.node-type-sustainability div.sustainability-block .cntr-content {
    position: relative;
}

body.node-type-sustainability div.sustainability-block .bg-video {
    position: absolute;
    background: url(/arquivos/bg-hightlighted-video.png) center center transparent;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    width: 100%;
    height: 98%;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
}

body.node-type-sustainability div.sustainability-block .btn-video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    display: block;
    background: url(/arquivos/btn-video-propaganda-principal.png) center center no-repeat;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

body.node-type-sustainability div.sustainability-block:hover .btn-video {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    display: block;
    cursor: pointer;
}

body.node-type-sustainability div.sustainability-block div.block-image {
    margin-top: -60px;
    position: relative;
    z-index: 9;
}

/*
 * OVERLAY
 */

body.node-type-sustainability div#dialog {
    display: none;
}

body.node-type-sustainability div.ui-dialog-titlebar {
    width: 85.6%;
    top: 6px;
}

body.node-type-sustainability div.ui-resizable .ui-widget-header .ui-icon-closethick:hover,
body.node-type-sustainability div.ui-resizable .ui-widget-header .ui-icon-closethick {
    background: url("/arquivos/btn-close-1.png") 0 0 no-repeat;
    height: 30px;
}

body.node-type-sustainability div.ui-resizable .ui-widget-header .ui-icon-closethick:hover {
    background: url("/arquivos/btn-close-1.png") 0 -35px no-repeat;
    height: 30px;
}

body.node-type-sustainability  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
    border-radius: 0 0 0 0 !important;
    height: 1024px !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    padding-top: 60px;
}

body.node-type-sustainability-block .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
    position: absolute !important;
}

body.node-type-sustainability  div.ui-dialog {
    background: url(/arquivos/bg-transp.png) 0 0 repeat;
}

body.node-type-sustainability  #dialog {
    background: none repeat scroll 0 0 #fafae6;
    margin-left: 14%;
    padding: 0.4%;
    width: 70% !important;
}

body.node-type-sustainability .ui-dialog .ui-dialog-content,
body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
    height: 500px !important;
    width: 100%;
    overflow: hidden;
}

/*
 * IE-8
 */

/*html.IE-8 ul.element-hidden {
  display: block !important;
}*/

/*
 * STORE LOCATOR
 */

body.nossas-lojas div#dialog-loading {
    background: #FAFAE6;
    left: 35%;
    padding: 30px;
    position: absolute;
    top: 40%;
    width: 300px;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    display: none;
}


body.nossas-lojas #wrapper {
    position: relative;
}

body.nossas-lojas #map_canvas {
    height: 100%
}

body.nossas-lojas #over_map_search {
    position: absolute;
    background-color: #FFFFFF;
    top: 180px;
    left: 20px;
    z-index: 99;
}

body.nossas-lojas #over_map_left {
    height: 200px;
    position: absolute;
    background-color: white;
    top: 248px;
    left: 20px;
    z-index: 99;
}

body.nossas-lojas #route {
    position: absolute;
    background-color: #FFFFFF;
    top: 450px;
    left: 20px;
    z-index: 99;
}

body.nossas-lojas #user_location {
    position: absolute;
    background-color: #FAFAE6;
    z-index: 99;
}

body.nossas-lojas div.ui-resizable {
    background: #FAFAE6;
    border: 2px solid #FFFFFF;
    width: 310px !important;
}

body.nossas-lojas div.dialog-content,
body.nossas-lojas div.dialog-content-loading{
    font-family: ProximaNova-Bold !important;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    color: #008B6C;
}

body.nossas-lojas h1,
body.nossas-lojas div#dialog {
    display: none;
}

body.nossas-lojas div#dialog {
    height: auto !important;
    margin-bottom: 20px;
}

body.nossas-lojas div#dialog p {
    margin: 0;
}

body.nossas-lojas div#user_location {
    height: auto;
}

body.nossas-lojas div#user_location h2,
body.nossas-lojas div#user_location p a,
body.nossas-lojas div#user_location p {
    color: #008867;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

body.nossas-lojas div#user_location input#addressInput {
    border-left: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-right: none;
    float: left;
    padding-left: 5px;
    font-size: 13px;
}

html.iPad body.nossas-lojas div#user_location input#addressInput,
html.iPhone body.nossas-lojas div#user_location input#addressInput {
    -webkit-appearance: none;
}

body.nossas-lojas div#user_location input#googlesearch {
    background: url(/arquivos/btn-store.jpg) 0 0 no-repeat;
    border-left: none;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
}

body.nossas-lojas div#user_location input#googlesearch:hover {
    background-position: 0 -36px;
}

body.nossas-lojas div.infoBox img {
    text-indent: -9999px;
    display: block;
}

body.nossas-lojas .current-location-button {
    width: 100%;
    max-width: 440px;
    min-width: 290px;
    background-color: #00aead;
    border: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    margin: 16px auto;
    display: table;
    padding: 6px 0;
}

body.nossas-lojas .current-location-button .current-location-text {
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
}

body.nossas-lojas .current-location-button .current-location-text:before {
    content: ' ';
    height: 32px;
    width: 32px;
    background: url(/arquivos/green-pin.png) no-repeat;
    display: inline-block;
    margin-top: -20px;
}

/*
 * STORE DETAILS
 */

body.nossas-lojas div.close p {
    margin: 0;
}

body.nossas-lojas p.clear {
    height: 1px;
    margin: 0;
}

body.nossas-lojas div.close a {
    background: url(/arquivos/btn-close-store.png) 0 0 no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

body.nossas-lojas div.close a:hover {
    background-position: 0 -24px;
}

body.nossas-lojas div.details-box-title {
    clear: both;
    margin-bottom: 10px;
}

body.nossas-lojas div.details-box-title p {
    color: #282939;
}

body.nossas-lojas p.details-title {
    color: #008867 !important;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 0 14px;
}

body.nossas-lojas div.details-phone {
    background: #E71C70;
    float: left;
    margin-right: 2px;
    padding: 15px 20px 0;
    text-align: center;
    margin-bottom: 2px;
    margin-top: 10px;
    overflow: hidden;
    height: 56px;
}

body.nossas-lojas div.details-phone p {
    font-family: 'AlternateGothic1' !important;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

html.ie8 body.nossas-lojas div.details-phone p {
    font-family: Tahoma !important;
    font-size: 16px;
    margin-top: 10px;
}

body.nossas-lojas div.details-hour {
    background: #7bd0e4;
    float: left;
    height: 61px;
    padding: 10px 20px 0;
    margin-bottom: 2px;
    margin-top: 10px;
    overflow: hidden;
}

body.nossas-lojas div.details-hour table {
    border: none;
    margin: -3px 0 0;
}

body.nossas-lojas div.details-hour tbody,
body.nossas-lojas div.details-hour tr {
    border: none;
}

body.nossas-lojas div.details-hour td {
    vertical-align: middle;
    height: 61px;
    padding: 0;
}

body.nossas-lojas div.details-hour p {
    color: #FFFFFF;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

body.nossas-lojas div.details-products {
    background: #3dba9a;
    clear: both;
    color: #FFFFFF;
    margin-bottom: 2px;
}

body.nossas-lojas p.products-title {
    background: #37A78A;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 0 3px;
}

body.nossas-lojas ul.products-list li {
    list-style: none;
    margin-bottom: 15px;
    float: left;
    width: 210px;
}

body.nossas-lojas ul.products-list p {
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

body.nossas-lojas ul.products-list span.product-icon {
    background: url(/arquivos/sp-products-icon.png) 0 -5px no-repeat;
    display: block;
    height: 25px;
    width: 49px;
    float: left;
}

body.nossas-lojas ul.products-list p.flip_flops span {
    background-position: 0 -5px;
}
body.nossas-lojas ul.products-list p.accessories span {
    background-position: 0 -45px;
}
body.nossas-lojas ul.products-list p.myoh span {
    background-position: 0 -241px;
}
body.nossas-lojas ul.products-list p.soul_collection span {
    background-position: 0 -90px;
}
body.nossas-lojas ul.products-list p.special_collection span {
    background-position: 0 -185px;
}
body.nossas-lojas ul.products-list p.clothing span {
    background-position: 0 -131px;
}
body.nossas-lojas ul.products-list p.rain_boots span {
    background-position: 0 -281px;
}

body.nossas-lojas div.details-rotes p.rotes-icon {
    background: url(/arquivos/icon-store-rote.png) 0 9px no-repeat;
    margin: 0 auto;
    display: block;
    width: 28px;
    height: 40px;
}

body.nossas-lojas div.details-rotes p.rotes-label,
body.nossas-lojas div.details-rotes p.rotes-label a {
    color: #FFFFFF;
    font-size: 105%;
    text-align: center;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding-top: 2px;
}

body.nossas-lojas div.details-flipflop p.flipflop-label {
    color: #FFFFFF;
    text-align: center;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding-top: 5px;
}

body.nossas-lojas div.details-flipflop p.flipflop-icon {
    background: url(/arquivos/icon-store-flipflop.png) 0 0 no-repeat;
    margin: 0 auto;
    display: block;
    width: 60px;
    height: 26px;
}

body.nossas-lojas p.banner-txt {
    color: #FFFFFF;
    text-align: center;
    font-family: "ProximaNova-Bold" !important;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 17px 20px;
}

html.IE div.gmnoprint {
    width: auto !important;
}

body.nossas-lojas div.back-to-map {
    display: none;
}

/*
 * LIST ALL STORE
 */
body.nossas-lojas div#all_stores {
    border-top: 2px solid #29293a;
}

body.nossas-lojas div#all_stores h2 {
    color: #008B6C;
    font-size: 220%;
    margin-left: 20px;
    margin-top: 90px;
}

body.nossas-lojas div#all_stores p {
    color: #29293A;
    font-size: 90%;
    line-height: 22px;
}

body.nossas-lojas div#all_stores div.store-list {
    margin-top: 22px;
    padding: 22px 0;
}

body.nossas-lojas div#all_stores div.box-odd {
    background: #F5F4D6;
}

body.nossas-lojas div#all_stores div.box-pair {
    margin-top: 0;
}

body.nossas-lojas div#all_stores p.list-title {
    color: #008B6C;
    font-family: ProximaNova-Bold !important;
    font-size: 140%;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    margin-left: 20px;
    display: block;
    padding-right: 15px;
    text-transform: uppercase;
}

/*body.nossas-lojas div#all_stores p.list-title span {
	background: url("/arquivos/arrow-store-list.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}*/

body.nossas-lojas div#all_stores div.list-box-title {
    margin-bottom: 10px;
}

body.nossas-lojas div#all_stores span.title {
    color: #008B6C;
    font-family: ProximaNova-Bold !important;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

body.nossas-lojas div#all_stores div.list-street,
body.nossas-lojas div#all_stores div.list-rotes {
    float: left;
}

body.nossas-lojas div#all_stores p.rotes-label,
body.nossas-lojas div#all_stores p.street-label {
    background: #7AD1C1;
    cursor: pointer;
    margin: 10px 0 10px 20px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}

body.nossas-lojas div#all_stores p.rotes-label {
    width: 70px;
}

body.nossas-lojas div#all_stores p.rotes-label:hover,
body.nossas-lojas div#all_stores p.street-label:hover  {
    background: #00abaf;
}

body.nossas-lojas div#all_stores p.rotes-label a,
body.nossas-lojas div#all_stores p.street-label a {
    color: #FFFFFF;
    cursor: pointer;
    font-family: ProximaNova-Bold !important;
    font-style: normal;
    font-weight: normal;
}

/*
 * VA DA HAVAIANAS
 */

body.nossas-lojas div.box-go-havaianas {
    background: none repeat scroll 0 0 #FAFAE6;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    height: 120px;
    margin-top: 37px;
    width: 220px;
    height: auto;
    position: absolute;
    right: 50px;
    top: 20px;
}

body.nossas-lojas div.box-go-havaianas {
    display: none;
}

body.nossas-lojas div.subox-feet {
    background: #f08133;
    border-bottom: 2px solid #FFFFFF;
}

body.nossas-lojas div.subox-kcal {
    background: #3dba9a;
}

body.nossas-lojas p.kcal-txt,
body.nossas-lojas p.feet-txt {
    font-family: ProximaNova-Bold !important;
    font-size: 120%;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    margin: 0 20px;
    padding: 21px 0 20px;
    /*padding: 21px 0 15px;*/
}

body.nossas-lojas p.kcal-txt {
    color: #FFFFFF;
    line-height: 20px;
}

body.nossas-lojas p.kcal,
body.nossas-lojas p.feet-distance {
    color: #FFFFFF;
    font-family: AlternateGothic2 !important;
    font-size: 630%;
    font-style: normal;
    font-weight: normal;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 0;
    letter-spacing: -4px;
}

html.ie8 body.nossas-lojas p.kcal,
html.ie8 body.nossas-lojas p.feet-distance {
    font-size: 430%;
}

body.nossas-lojas p.feet-txt,
body.nossas-lojas p.kcal {
    color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
}

body.nossas-lojas div.subox-feet p.txt-bl2 {
    padding-bottom: 0;
}

body.nossas-lojas p.txt-store {
    color: #FFFFFF;
    letter-spacing: 0.5px;
    padding-bottom: 15px;
    text-align: center;
    margin: 0;
}

div.gm-style img {
    max-width: none !important;
}

/*bugfix*/
body.logged-in div.workflow-form-container,
body.logged-in div.workflow-current-state {display: none}

/*
 * HISTORIA DA MARCA
 */

body.node-type-history-page div#content {
    margin-bottom: -1px;
}

body.node-type-history-year table,
body.node-type-history-year tbody,
body.node-type-history-year tr,
body.node-type-history-year td,
body.node-type-history-page table,
body.node-type-history-page tbody,
body.node-type-history-page tr,
body.node-type-history-page td {
    border: none;
    padding: 0;
    margin: 0;
}

body.node-type-history-page li {
    list-style: none;
}

ul.history-slider {
    margin: 0;
}

body.logged-in ul.history-slider {
    padding: 0;
}

div.history-item-right h2#history-item-year {
    background-color: #333333;
    margin: 0;
}

body.iPhone div.history-item-right span.history-item-year,
div.history-item-right span.history-item-year {
    color: #FFFFFF;
    display: block;
    font-family: "GarageGothic-Bold" !important;
    text-align: center;
    letter-spacing: 2.5px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
}

div.history-item div.history-item-left {
    position: relative;
    background: url(/arquivos/bg-grao.jpg) 0 0 repeat #E6E6E6 !important;
}

div.history-item div.history-item-left .bg-video {
    position: absolute;
    background: url(/arquivos/bg-hightlighted-video.png) center center transparent;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
}

div.history-item div.history-item-left .btn-video {
    background: url(/arquivos/btn-hightlighted-video.png) center center no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    display: block;
    cursor: pointer;
}

div.history-item div.history-item-left .btn-video:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}


/*
 * HISTORIA TIMELINE
 */

div.history-timeline-wrapper #scroller {
    height:100%;
    float:left;
    padding:0;
}

div.history-timeline-wrapper {
    position: relative;
    overflow: hidden;
    height: 90px;
    border-top: 2px solid #000000;
}

div.history-timeline-wrapper ul {
    margin: 0;
    padding: 0 50px;
    background: url(/arquivos/ln-timeline.png) 0 0 repeat-x;
    height: 90px;
    width: 100%;
}

div.history-timeline-wrapper li {
    float: left;
    width: 150px;
    height: 90px;
    list-style: none outside none;
}

div.history-timeline-wrapper .history-timeline-icons {
    display: block;
    height: 16px;
    margin: 9px 0;
    position: relative;
    width: 150px;
    text-align: center;
}

div.history-timeline-wrapper .history-timeline-icons a.first{
    margin-left: 0;
}

div.history-timeline-wrapper .history-timeline-icons a {
    background: #000000;
    border: 2px solid #000000;
    margin-left: 10px;
    cursor: pointer;
    padding: 5px;
    font-size: 1px;
}

body.iPhone div.history-timeline-wrapper li p.timeline-year,
div.history-timeline-wrapper li p.timeline-year {
    text-align: center;
    font-family: "GarageGothic-Bold" !important;
    font-size: 250%;
    margin: 0;
    clear: both;
    float: none;
    padding-bottom: 4px;
}

body.node-type-history-year td:hover a p,
body.node-type-history-page td:hover a p {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    color: #ffffff;
}

body.node-type-history-year td:hover div.history-timeline-icons a p,
body.node-type-history-page td:hover div.history-timeline-icons a p {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}

body.node-type-history-year td:hover div.history-timeline-icons,
body.node-type-history-page td:hover div.history-timeline-icons {
    background: url(/arquivos/ln-timeline.png) 0 -9px repeat-x;
    width: 150px;
    display: block;
    height: 16px;
}

div.history-timeline-next p,
div.history-timeline-prev p {
    background: url(/arquivos/sp-arrow-timeline.png) 0 0 no-repeat;
    display: block;
    width: 50px;
    height: 90px;
    position: absolute;
    margin: 0;
    cursor: pointer;
    z-index: 10;
}

div.history-timeline-prev p {
    background-position: 0 0;
    left: 0;
}

div.history-timeline-prev p:hover {
    background-position: 0 -93px;
}

div.history-timeline-next p {
    background-position: -62px 0;
    right: 0;
}

div.history-timeline-next p:hover {
    background-position: -62px -93px;
}

div.history-item table {
    width: 100%;
    height: 100%;
}

div.history-item .history-item-left img {
    width: 100%;
}

/*
  POC STORE LOCATOR
*/
.infoBox { background-color: #FAFAE6; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 2px solid #ffffff; border-radius: 3px; margin-top: 10px }
.infoBox a.store_title {color: #008B6C; text-transform: uppercase; font-weight: bold }
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FAFAE6; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }

/*
 * MINISITES
 */

body.node-type-mini-site footer {
    margin-top: -6px;
}

/*
 * IE8
 */

html.ie8 div.triangulo-mobile,
html.ie8 div.over-highlighted,
html.ie8 div.over-trap,
html.ie8 div.over-trap-animation {
    display: none;
}


.reveillon-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 360px;
    /*background: rgba(0, 0, 0, 0.8 );*/
    background: url(/arquivos/popup/popup-bg.png) repeat;
    z-index: 99999;
}

.reveillon-popup .popup-animation-container {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -148px;
    margin-left: -367px;
    width: 735px;
    height: 297px;
    background: #FFFFFF;
    overflow: hidden;
}

.reveillon-popup .popup-animation-container .btn-close{
    position: absolute;
    background-position: -433px -388px;
    width: 26px;
    height: 26px;
    z-index: 100!important;
    top: 0;
    right: 0;
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .alpha-out {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
}

.reveillon-popup .popup-animation-container .sprite {
    background-image: url(/arquivos/popup/sprite.png);
}

.reveillon-popup .popup-animation-container .sprite-fake {
    background-image: url(/arquivos/popup/sprite-fake.png) !important;
    /*filter:;*/
}

.reveillon-popup .popup-animation-container .step-1 {
    position: absolute;
    display: none;
    width: 735px;
    height: 297px;
}

.initial-button {
    position: absolute;
    top: -3px;
    left: -7px;
    width: 150px;
    height: 75px;
    /*background: transparent;*/
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .step-1 .question-what {
    position: absolute;
    top: 71px;
    left: 90px;
    width: 158px;
    height: 56px;
    background-position: 0 -237px;
}

.reveillon-popup .popup-animation-container .step-1 .question-wish {
    position: absolute;
    top: 74px;
    left: 256px;
    width: 180px;
    height: 68px;
    background-position: 0 -303px;
}

.reveillon-popup .popup-animation-container .step-1 .question-year {
    position: absolute;
    top: 71px;
    left: 444px;
    width: 197px;
    height: 51px;
    background-position: 0 -381px;
}

.reveillon-popup .popup-animation-container .step-1 .button-peace {
    position: absolute;
    top: 158px;
    left: 164px;
    width: 91px;
    height: 69px;
    background-position: 0 0;
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .step-1 .button-peace .over {
    position: relative;
    width: 91px;
    height: 69px;
    background-position: -207px 0;
}

.reveillon-popup .popup-animation-container .step-1 .button-love {
    position: absolute;
    top: 158px;
    left: 277px;
    width: 131px;
    height: 69px;
    background-position: 0 -79px;
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .step-1 .button-love .over {
    position: relative;
    width: 131px;
    height: 69px;
    background-position: -207px -79px;
}

.reveillon-popup .popup-animation-container .step-1 .button-luck {
    position: absolute;
    top: 158px;
    left: 430px;
    width: 141px;
    height: 69px;
    background-position: 0 -158px;
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .step-1 .button-luck .over {
    position: relative;
    width: 141px;
    height: 69px;
    background-position: -207px -158px;
}

.reveillon-popup .popup-animation-container .step-2 {
    position: absolute;
    display: none;
    width: 735px;
    height: 297px;
}

.reveillon-popup .popup-animation-container .step-2 .banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 735px;
    height: 297px;
    background: url(/arquivos/popup/banner-bg.jpg);
}

.reveillon-popup .popup-animation-container .step-2 .text-happy {
    position: absolute;
    top: 20px;
    left: 191px;
    width: 67px;
    height: 50px;
    background-position: -207px -442px;
}

.reveillon-popup .popup-animation-container .step-2 .text-havaianas {
    position: absolute;
    top: 21px;
    left: 269px;
    width: 183px;
    height: 44px;
    background-position: -207px -502px;
}

.reveillon-popup .popup-animation-container .step-2 .text-new {
    position: absolute;
    top: 19px;
    left: 461px;
    width: 84px;
    height: 46px;
    background-position: -207px -556px;
}

.reveillon-popup .popup-animation-container .step-2 .digit-two {
    position: absolute;
    top: 81px;
    left: 178px;
    width: 101px;
    height: 201px;
    background-position: 0 -612px;
}

.reveillon-popup .popup-animation-container .step-2 .digit-one {
    position: absolute;
    top: 81px;
    left: 374px;
    width: 61px;
    height: 202px;
    background-position: -111px -612px;
}

.reveillon-popup .popup-animation-container .step-2 .digit-five {
    position: absolute;
    top: 81px;
    left: 448px;
    width: 97px;
    height: 204px;
    background-position: -180px -612px;
}

.reveillon-popup .popup-animation-container .step-2.peace .banner-bg {
    background-position: 0 0;
}

.reveillon-popup .popup-animation-container .step-2.peace .text-happy {
    background-position: 0 -442px;
}

.reveillon-popup .popup-animation-container .step-2.peace .text-havaianas {
    background-position: 0 -502px;
}

.reveillon-popup .popup-animation-container .step-2.peace .text-new {
    background-position: 0 -556px;
}

.reveillon-popup .popup-animation-container .step-2.love .banner-bg {
    background-position: 0 -297px;
}

.reveillon-popup .popup-animation-container .step-2.love .digit-two {
    background-position: -291px -612px;
}

.reveillon-popup .popup-animation-container .step-2.love .digit-one {
    background-position: -400px -612px;
}

.reveillon-popup .popup-animation-container .step-2.love .digit-five {
    background-position: -471px -612px;
}

.reveillon-popup .popup-animation-container .step-2.luck .banner-bg {
    background-position: 0 -594px;
}

.reveillon-popup .popup-animation-container .step-2.luck .digit-two {
    background-position: -578px -612px;
}

.reveillon-popup .popup-animation-container .step-2.luck .digit-one {
    background-position: -689px -612px;
}

.reveillon-popup .popup-animation-container .step-2.luck .digit-five {
    background-position: -760px -612px;
}

.reveillon-popup .popup-animation-container .step-3 {
    position: absolute;
    display: none;
    width: 735px;
    height: 297px;
}

.reveillon-popup .popup-animation-container .text-colleciton {
    position: absolute;
    top: 66px;
    left: 558px;
    width: 157px;
    height: 32px;
    background-position: -400px -381px;
}

.reveillon-popup .popup-animation-container .text-new-year {
    position: absolute;
    top: 106px;
    left: 561px;
    width: 148px;
    height: 38px;
    background-position: -578px -381px;
}

.reveillon-popup .popup-animation-container .text-click {
    position: absolute;
    top: 171px;
    left: 565px;
    width: 134px;
    height: 15px;
    background-position: -760px -381px;
}


.reveillon-popup .popup-animation-container .button-oval {
    position: absolute;
    top: 192px;
    left: 588px;
    width: 93px;
    height: 50px;
    background-position: -400px -502px;
    cursor: pointer;
}

.reveillon-popup .popup-animation-container .invisible-link {
    position: absolute;
    display: block;
    top: 52px;
    left: 548px;
    width: 180px;
    height: 210px;
    background: transparent;
    cursor: pointer;
}


.reveillon-popup .popup-animation-container .sandal-1 {
    position: absolute;
    display: none;
    top: 19px;
    left: 19px;
    width: 126px;
    height: 309px;
    background-position: -822px 0;
}

.reveillon-popup .popup-animation-container .sandal-2 {
    position: absolute;
    display: none;
    top: 19px;
    left: 147px;
    width: 128px;
    height: 311px;
    background-position: -684px 0;
}

.reveillon-popup .popup-animation-container .sandal-3 {
    position: absolute;
    display: none;
    top: 19px;
    left: 274px;
    width: 134px;
    height: 319px;
    background-position: -540px 0;
}

.reveillon-popup .popup-animation-container .sandal-4 {
    position: absolute;
    display: none;
    top: 20px;
    left: 411px;
    width: 131px;
    height: 311px;
    background-position: -400px 0;
}

.reveillon-popup .popup-animation-container.loading {
    background: #FFFFFF url(/arquivos/popup/popup-loading.gif) center center no-repeat;
}

/*mobile popup*/

.reveillon-popup.close{
    display: none!important;
}


/*Sprite*/
.reveillon-popup .popup-animation-container.mobile .btn-close,
.popup-animation-container .btn-close,
.popup-animation-container.mobile .question .title,
.popup-animation-container.mobile .question .nav .item,
.popup-animation-container.mobile .question .nav .link-love,
.popup-animation-container.mobile .love .bg,
.popup-animation-container.mobile .love .title,
.popup-animation-container.mobile .love .num-2,
.popup-animation-container.mobile .love .part,
.popup-animation-container.mobile .love .num-1,
.popup-animation-container.mobile .love .num-5,
.popup-animation-container.mobile .peace .bg,
.popup-animation-container.mobile .peace .title,
.popup-animation-container.mobile .peace .num-2,
.popup-animation-container.mobile .peace .part,
.popup-animation-container.mobile .peace .num-1,
.popup-animation-container.mobile .peace .num-5,
.popup-animation-container.mobile .luck .bg,
.popup-animation-container.mobile .luck .title,
.popup-animation-container.mobile .luck .num-2,
.popup-animation-container.mobile .luck .part,
.popup-animation-container.mobile .luck .num-1,
.popup-animation-container.mobile .luck .num-5,
.popup-animation-container.mobile .collection .title,
.popup-animation-container.mobile .collection .item,
.popup-animation-container.mobile .collection .footer .link-buy,
.popup-animation-container.mobile .collection .footer .logo{
    background: transparent url(/arquivos/popup/sprite-mobile.png) 0 0 no-repeat;
}

/*Box*/
.popup-animation-container.mobile .question,
.popup-animation-container.mobile .love,
.popup-animation-container.mobile .peace,
.popup-animation-container.mobile .luck{
    display: none;
}

.reveillon-popup .popup-animation-container.mobile {
    display: none;
    position: relative;
    width: 275px;
    height: 340px;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -137px;
}

.reveillon-popup .popup-animation-container.mobile .btn-close{
    position: absolute;
    background-position: -433px -388px;
    width: 26px;
    height: 26px;
    z-index: 100!important;
    top: 0;
    right: 0;
}

/*box*/
.popup-animation-container.mobile .box{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.popup-animation-container.mobile .question{
    z-index: 1;
}

/*question title*/
.popup-animation-container.mobile .question .title{
    display: block;
    position: absolute;
    text-indent: -9000px;
    width: 201px;
    height: 98px;
    top: 13px;
    left: 37px;
}

.popup-animation-container.mobile .question .nav{
    position: absolute;
    top: 142px;
    left: 80px;
}

.popup-animation-container.mobile .question .nav .item{
    display: block;
    text-indent: -9000px;
    margin-bottom: 10px;
    cursor: pointer;
}

.popup-animation-container.mobile .question .nav .link-love{
    width: 92px;
    height: 49px;
    margin-left: 5px;
    background-position: -498px -358px;
}

.popup-animation-container.mobile .question .nav .link-peace{
    width: 65px;
    height: 49px;
    margin-left: 17px;
    background-position: -498px -414px;
}

.popup-animation-container.mobile .question .nav .link-luck{
    width: 100px;
    height: 49px;
    background-position: -498px -472px;
}

.popup-animation-container.mobile .question .nav .link-love:hover,
.popup-animation-container.mobile .question .nav .link-love.hover{
    background-position: -609px -358px;
}

.popup-animation-container.mobile .question .nav .link-peace:hover,
.popup-animation-container.mobile .question .nav .link-peace.hover{
    background-position: -609px -414px;
}

.popup-animation-container.mobile .question .nav .link-luck:hover,
.popup-animation-container.mobile .question .nav .link-luck.hover{
    background-position: -609px -472px;
}

/*Love*/

.popup-animation-container.mobile .love .bg{
    background-position: -731px 1px;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.popup-animation-container.mobile .love .title{
    text-indent: -9000px;
    position: absolute;
    width: 148px;
    height: 137px;
    background-position: -27px -289px;
    top: 13px;
    left: 67px;
}

.popup-animation-container.mobile .love .num-2{
    width: 66px;
    height: 131px;
    position: absolute;
    background-position: -217px 0;
    top: 177px;
    left: 19px;
}

.popup-animation-container.mobile .love .part{
    width: 56px;
    height: 136px;
    position: absolute;
    background-position: -572px -566px;
    top: 178px;
    left: 89px;
}

.popup-animation-container.mobile .love .num-1{
    width: 40px;
    height: 132px;
    position: absolute;
    background-position: -285px 0px;
    top: 178px;
    left: 144px;
}

.popup-animation-container.mobile .love .num-5{
    width: 64px;
    height: 133px;
    position: absolute;
    background-position: -335px 0px;
    top: 177px;
    left: 194px;
}

/*Peace*/

.popup-animation-container.mobile .peace .bg{
    background-position: -731px -359px;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.popup-animation-container.mobile .peace .title{
    text-indent: -9000px;
    position: absolute;
    width: 148px;
    height: 137px;
    background-position: -22px -125px;
    top: 13px;
    left: 67px;
}

.popup-animation-container.mobile .peace .num-2{
    width: 66px;
    height: 131px;
    position: absolute;
    background-position: -217px 0;
    top: 177px;
    left: 19px;
}

.popup-animation-container.mobile .peace .part{
    width: 56px;
    height: 136px;
    position: absolute;
    background-position: -491px -566px;
    top: 178px;
    left: 89px;
}

.popup-animation-container.mobile .peace .num-1{
    width: 40px;
    height: 132px;
    position: absolute;
    background-position: -285px 0px;
    top: 178px;
    left: 144px;
}

.popup-animation-container.mobile .peace .num-5{
    width: 64px;
    height: 133px;
    position: absolute;
    background-position: -335px 0px;
    top: 177px;
    left: 194px;
}

/*luck*/

.popup-animation-container.mobile .luck .bg{
    background-position: -430px 0px;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.popup-animation-container.mobile .luck .title{
    text-indent: -9000px;
    position: absolute;
    width: 148px;
    height: 137px;
    background-position: -27px -290px;
    top: 13px;
    left: 67px;
}

.popup-animation-container.mobile .luck .num-2{
    width: 66px;
    height: 131px;
    position: absolute;
    background-position: -217px -312px;
    top: 177px;
    left: 19px;
}

.popup-animation-container.mobile .luck .part{
    width: 59px;
    height: 138px;
    position: absolute;
    background-position: -648px -565px;
    top: 173px;
    left: 87px;
}

.popup-animation-container.mobile .luck .num-1{
    width: 40px;
    height: 132px;
    position: absolute;
    background-position: -285px -312px;
    top: 175px;
    left: 148px;
}

.popup-animation-container.mobile .luck .num-5{
    width: 64px;
    height: 133px;
    position: absolute;
    background-position: -335px -313px;
    top: 174px;
    left: 197px;
}

/*collection*/

.popup-animation-container.mobile .collection{
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.popup-animation-container.mobile .collection .title{
    text-indent: -9000px;
    position: absolute;
    width: 158px;
    height: 78px;
    background-position: -17px -457px;
    top: -6px;
    left: 58px;
}

.popup-animation-container.mobile .collection .item{
    width: 66px;
    height: 154px;
    position: absolute;
    top: 101px;
    left: 10px;
}


.popup-animation-container.mobile .collection .footer{
    position: absolute;
    clear: both;
    background-color: #1a73be;
    height: 94px;
    width: 100%;
    bottom: 0;
}

.popup-animation-container.mobile .collection .part-1{
    background-position: -199px -461px;
    left: 7px;
}

.popup-animation-container.mobile .collection .part-2{
    background-position: -264px -461px;
    left: 72px;
}

.popup-animation-container.mobile .collection .part-3{
    background-position: -329px -461px;
    left: 137px;
}

.popup-animation-container.mobile .collection .part-4{
    background-position: -399px -461px;
    left: 207px;
}

.popup-animation-container.mobile .collection .footer .link-buy{
    display: block;
    position: absolute;
    text-indent: -9000px;
    background-position: -311px -657px;
    width: 138px;
    height: 15px;
    top: 40px;
    left: 19px;
}

.popup-animation-container.mobile .collection .footer .logo{
    width: 84px;
    height: 57px;
    position: absolute;
    background-position: -55px -556px;
    top: 14px;
    left: 173px;
}


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

    .reveillon-popup .popup-animation-container{display: none}
    .reveillon-popup .popup-animation-container.mobile{display: block;}

}

.horizontal-fix {
    position: absolute !important;
}
/*mobile popup end*/






.type-instagram div.parts-highlight-image-text div.img,
.type-instagram div.parts-highlight-image-text div.parts-highlight-txt {
    background-color: #f17022;
}

.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-image-text p.triangulo {
    border-color: transparent transparent #f17022 transparent;
}

.type-instagram .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-image-text p.triangulo {
    border-color: #f17022 transparent transparent transparent;
}

.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-image-text p.triangulo {
    border-color: #f17022 transparent transparent transparent;
}

.type-instagram .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-image-text p.triangulo {
    border-color: transparent transparent #f17022 transparent;
}

.type-instagram .over-dstpdr {
    background-color:#f17022;
}

.type-instagram .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair.parts-highlight-image-text div#over-trap p,
.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair.parts-highlight-image-text div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd.parts-highlight-image-text div#over-trap p {
    background-color: #f17022;
}



.type-facebook div.parts-highlight-image-text div.img,
.type-facebook div.parts-highlight-image-text div.parts-highlight-txt {
    background-color: #305C99;
}

.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-image-text p.triangulo {
    border-color: transparent transparent #305C99 transparent;
}

.type-facebook .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-image-text p.triangulo {
    border-color: #305C99 transparent transparent transparent;
}

.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-image-text p.triangulo {
    border-color: #305C99 transparent transparent transparent;
}

.type-facebook .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-image-text p.triangulo {
    border-color: transparent transparent #305C99 transparent;
}

.type-facebook .over-dstpdr {
    background-color:#305C99 !important;
    z-index: 9 !important;
}

.type-facebook .trap-over {
    background-color:#305C99 !important;
}

.type-facebook p.triangulo {
    border-color: #305C99 transparent transparent transparent !important;
}

.type-facebook .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair.parts-highlight-image-text div#over-trap p,
.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd.parts-highlight-image-text div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair.parts-highlight-image-text div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd.parts-highlight-image-text div#over-trap p {
    background-color: #305C99;
}



.type-instagram div.parts-highlight-text-image div.img,
.type-instagram div.parts-highlight-text-image div.parts-highlight-txt {
    background-color: #f17022;
}

.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-text-image p.triangulo {
    border-color: transparent transparent #f17022 transparent;
}

.type-instagram .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-text-image p.triangulo {
    border-color: #f17022 transparent transparent transparent;
}

.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-text-image p.triangulo {
    border-color: #f17022 transparent transparent transparent;
}

.type-instagram .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-text-image p.triangulo {
    border-color: transparent transparent #f17022 transparent;
}

.type-instagram .over-dstpdr {
    background-color:#f17022;
}

.type-instagram .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair.parts-highlight-text-image div#over-trap p,
.type-instagram .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair.parts-highlight-text-image div#over-trap p,
.type-instagram .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd.parts-highlight-text-image div#over-trap p {
    background-color: #f17022;
}



.type-facebook div.parts-highlight-text-image div.img,
.type-facebook div.parts-highlight-text-image div.parts-highlight-txt {
    background-color: #305C99;
}

.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-text-image p.triangulo {
    border-color: transparent transparent #305C99 transparent;
}

.type-facebook .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-text-image p.triangulo {
    border-color: #305C99 transparent transparent transparent;
}

.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-text-image p.triangulo {
    border-color: #305C99 transparent transparent transparent;
}

.type-facebook .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-text-image p.triangulo {
    border-color: transparent transparent #305C99 transparent;
}

.type-facebook .over-dstpdr {
    background-color:#305C99;
}

.type-facebook .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair.parts-highlight-text-image div#over-trap p,
.type-facebook .highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd.parts-highlight-text-image div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair.parts-highlight-text-image div#over-trap p,
.type-facebook .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd.parts-highlight-text-image div#over-trap p {
    background-color: #305C99;
}

select.required_select {
    background-color: #e8e8e8 !important;
}

.form-item-accept-terms {
    width: 100%;
}

/* Layout Helpers */

/* Center layout be default */
.container {
    margin: 0 auto;
}


/* Prevent the layout from collapsing if there is nothing in the content column */
.content-inner {
    min-height: 1px;
}


.lt-ie7 .content-inner {
    height: 1px;
}


/* Ensure the content column is the full width of its container */
#content-column,
.content-column {
    width: 100%;
    padding: 30px 0;
}


/* Compass clearfix */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* AT Panels */
.one-column .region,
div.at-panel .region-conditional-stack {
    float: none;
    display: block;
    clear: both;
    width: 100%;
}

.lt-ie8 .at-panel {
    overflow: hidden;
}


.top-menu-list, .nav-list, .footer-icons-list {
    padding: 0;
    margin: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#logo img {
    width: auto;
    max-width: inherit;

}

/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/*
 * Admin
 */

body.logged-in .region-header {
    /*width: 87%;*/
    width: 84%;
}

body.logged-in div#block-havaianas-havaianas-header  {
    float: left;
    width: 78%;
}

body.logged-in div#block-havaianas-havaianas-user-languages {
    float: right;
    width: 22%;
}

div#block-havaianas-havaianas-user-languages label.change-country {
    float: left;
    margin-top: 17px;
    margin-right: 10px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    font-size: 90%;
    color: #272B3A;
}

div#block-havaianas-havaianas-user-languages select {
    margin-top: 13px;
    font-family: "ProximaNova-Semibold";
    font-weight: normal;
    font-size: 90%;
    color: #272B3A;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    max-width: 100%;
    padding: 3px;
}

table#header-lightbox > td {
    padding-top: 1px;
}

table#header-lightbox span.flag {
    display: block;
    float: left;
}

table#header-lightbox span.flag img {
    padding-top: 2px;
}

/*
 * MENU - HEADER
 */
#block-havaianas-havaianas-header ul#menu-header {
    height: 42px;
    padding: 0;
}

ul#menu-header {
    margin: 0;
    padding: 0;
}

ul#menu-header li {
    display: inline;
    float: left;
    height: 42px;
    line-height: 42px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul#menu-header li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
    font-family: "ProximaNova-Semibold", Tahoma;
    font-weight: normal;
    font-style: normal;
    font-size: 90%;
    text-transform:uppercase;
    color: #272b3a;
    letter-spacing: 1px;
}

ul#menu-header li.expanded a,
ul#menu-header li.menu-active a,
ul#menu-header li a:hover {
    color: #1f6588;
    text-decoration: none;
    height: 38px;
    border-bottom: 2px solid #29293a;
}

html.ie8 ul#menu-header li.expanded a,
html.ie8 ul#menu-header li.menu-active a,
html.ie8 ul#menu-header li a:hover {
    height: 39px;
}

/*
 * TRIANGULO
 */

.highlighted p.triangulo-mobile {
    display: none;
}

/*
 * OVER-HIGHLIGHTED-DEFAULT -ODD
 */
.highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd div#over-trap,
.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div#over-trap,
.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div#over-trap {
    height: 100%;
    left: -9%;
    position: absolute;
    transition-duration: 250ms;
    transition-property: transform;
    width: 120%;
    z-index: 12;
}

.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div#over-trap,
.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div#over-trap {
    top:0;
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
    z-index: 12;
}

.highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd div#over-trap p,
.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div#over-trap p,
.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div#over-trap p {
    background-color: #0C0C0C;
    transition: background 500ms ease 0s;
    height: 10%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 12;
}

/*
 * REVERSE
 */
.highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd div#over-trap {
    bottom:0;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    -o-transform-origin:100% 100%;
    transform-origin:100% 100%;
    z-index: 12;
}

.highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd div#over-trap p {
    height: 11%;
    top: 39.2%;
}

/*
 * OVER-HIGHLIGHTED-DEFAULT -PAIR
 */
.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair div#over-trap,
.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd div#over-trap {
    height: 100%;
    left: -7%;
    position: absolute;
    transition-duration: 250ms;
    transition-property: transform;
    width: 110%;
    z-index: 12;
}

.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair div#over-trap,
.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd div#over-trap {
    bottom:0;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    -o-transform-origin:100% 100%;
    transform-origin:100% 100%;
    z-index: 12;
}

.highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div#over-trap p,
.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair div#over-trap p,
.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd div#over-trap p {
    background-color: #0C0C0C;
    transition: background 500ms ease 0s;
    left: 0;
    position: absolute;
    width: 100%;
    height: 11%;
    top: 39%;
    z-index: 12;
}

/*
 * REVERSE
 */
.highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div#over-trap {
    top:0;
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
    height: 100%;
    left: -7%;
    position: absolute;
    transition-duration: 250ms;
    transition-property: transform;
    width: 110%;
    z-index: 11;
}

.highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div#over-trap p {
    height: 10%;
    top: 50%;
}

.highlights-default div.line_pair div.line_pair_normal div.first div.parts-highlight-odd div#over-trap p {
    height: 14.9%;
    top: 35%;
}


.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted {
    background-color: transparent;
    right: 10%;
    top: 46.5%;
    position: absolute;
    width: 8%;
    z-index: 11;
}

.highlights-default div.line_odd div.line_odd_reverse div.parts-highlight-odd div.over-highlighted {
    background-color: transparent;
    top: 49.5%;
    left: 10%;
    position: absolute;
    width: 8%;
    z-index: 11;
}

.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted {
    background-color: transparent;
    right: 4%;
    top: 46.5%;
    position: absolute;
    width: 6%;
    z-index: 11;
}

html.Safari .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted,
html.Safari .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted,
html.Safari .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted {
    top: 45.9%;
}

html.Safari .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted,
html.Safari .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted {
    top: 46.9%;
}

html.Safari .highlighted div.img {
    width: 71%;
}

.highlights-default div.line_odd div.line_odd_normal p.triangulo {
    border-color: transparent transparent orange transparent;
    border-style: solid;
    border-width: 10px;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
    display: block;
}

.highlights-default div.line_odd div.line_odd_reverse p.triangulo {
    border-color: orange transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
    display: block;
}

.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-odd div.over-highlighted {
    background-color: transparent;
    left: 10%;
    top: 49.2%;
    position: absolute;
    width: 8%;
}

.highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted {
    background-color: transparent;
    top: 46.5%;
    right: 10%;
    position: absolute;
    width: 8%;
}

.highlights-default div.line_pair div.line_pair_normal div.parts-highlight-pair div.over-highlighted {
    background-color: transparent;
    left: 4%;
    top: 49.5%;
    position: absolute;
    width: 6%;
    z-index: 11;
}

.highlights-default div.line_pair div.line_pair_normal p.triangulo {
    border-color: orange transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
    display: block;
}

.highlights-default div.line_pair div.line_pair_reverse p.triangulo {
    border-color: transparent transparent orange transparent;
    border-style: solid;
    border-width: 10px;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 1px;
    display: block;
}

.over-trap-animation {
    -webkit-transform:rotate(-1.5deg);
    -moz-transform:rotate(-1.5deg);
    -ms-transform:rotate(-1.5deg);
    -o-transform:rotate(-1.5deg);
    transform:rotate(-1.5deg);
}

/*
 * PELICULA
 */

.highdefault .parts-highlight-text-image .over-dstpdr {
    position: absolute;
    top: 0;
    width: 141%;
    height: 0;
    z-index: 200;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #333334;
    left: -40%;
    -webkit-transform: skew(0, 0);
    -moz-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    -o-transform: skew(0, 0);
    transform: skew(0, 0);
}

.highdefault .parts-highlight-image-text .over-dstpdr {
    position: absolute;
    bottom: 0;
    width: 141%;
    height: 0;
    z-index: 200;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #333334;
    left: -40%;
    -webkit-transform: skew(0, 0);
    -moz-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    -o-transform: skew(0, 0);
    transform: skew(0, 0);
}

.highdefault .parts-highlight-image-text .over-dstpdr-active,
.highdefault .parts-highlight-text-image .over-dstpdr-active {
    -webkit-transform: skew(0, 0);
    -moz-transform: skew(0, 0);
    -ms-transform: skew(0, 0);
    -o-transform: skew(0, 0);
    transform: skew(0, 0);
    height: 140%;
}



/*
 * INSTAGRAM E FACEBOOK
 */

.parts-highlight-img div#prev {
    background: url(/arquivos/sp-fbarrow-prev.png) left 0 no-repeat;
}

/*.parts-highlight-img div#prev:hover {
  background-position: left -245px;
}*/

.parts-highlight-img div#next {
    background: url(/arquivos/sp-fbarrow-next.png) right 0 no-repeat;
}

/*.parts-highlight-img div#next:hover {
  background-position: right -245px;
}*/

/*
 * FIX ANDROID
 */

/*
 * INSTAGRAM E FACEBOOK
 */

html.Android .parts-highlight-img div#prev:hover {
    background: url(/arquivos/sp-fbarrow-prev-tablet.png) left 0 no-repeat;
}

html.Android .parts-highlight-img div#next:hover {
    background: url(/arquivos/sp-fbarrow-next-tablet.png) right 0 no-repeat;
}

/*
 * DISABLE OVER SITE
 */

html.Android div.highdefault:hover .bt-cta a,
html.Android div.highdefault p.bt-cta a:hover {
    color: #FAFAE6;
    background: url("/arquivos/cta-arrow.png") no-repeat scroll right center transparent;
    display: block;
    opacity: 1;
    height: 15px;
    width: 70px;
}

html.Android .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div#over-trap,
html.Android .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div#over-trap,
html.Android .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div#over-trap-animation,
html.Android .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div#over-trap-animation,
html.Android div.parts-highlight-txt span.cta-ico,
html.Android .over-dstpdr-active {
    display: none !important;
}

html.Android div.parts-highlight-txt p.bt-cta a {
    display: block;
    width: 70px;
}

html.Android div.type-facebook div.parts-highlight-txt p.bt-cta a {
    display: block;
    width: 50px;
}

html.Android div.highlighted-79 div.parts-highlight-txt p.bt-cta a {
    display: block;
    width: 60px;
}

html.Android div.type-instagram div.parts-highlight-txt p.bt-cta a {
    display: block;
    width: 85px;
}


/*
 * FOOTER
 */
div.copyright_menu ul,
div.social_menu table,
div.institutional_menu ul {
    margin: 0 0 0 20px;
    min-height: 20px;
    padding: 13px 0;
    text-align: center;
    width: 98%;
}

html.Safari div.institutional_menu ul {
    width: 100%;
}

html.IE-8 div.copyright_menu ul,
html.IE-8 div.social_menu table,
html.IE-8 div.institutional_menu ul {
    width: 100%;
}

div.copyright_menu li,
div.social_menu li,
.institutional_menu_items li {
    display: inline;
    list-style: none outside none;
    margin-right: 20px;
}

div.institutional_menu {
    float: left;
}

div.social_menu {
    float: right;
    padding: 10px 20px;
}

#footer div.copyright_menu {
    clear: both;
    margin-top: 30px;
}

#footer .ln-divisor-dev {
    display: block;
    width: 96%;
    border-bottom: 1px solid #51555F;
    margin: 0 auto;
    height: 1px;
    clear: both;
}

#footer div.copyright_menu li {
    margin: 0;
}

#footer ul#contact-sub-items,
#footer ul#institutional-sub-items {
    bottom: 16px;
}

li#flag a {
    padding-left: 40px;
}

li#flag a p {
    height: 13px;
    left: 20px;
    margin: 0 auto;
    position: absolute;
    top: 2px;
    width: 13px;
}

/*
 * PRODUTOS - HEADER
 */

div.products-page-wrapper div.header {
    /*background: url(images/bg-png-2.png) no-repeat center top;*/
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 500px;
    position: relative;
    z-index: 12;
}

/*div.products-page-wrapper h2 {
  clear: both;
  display: block;
  padding: 0;
  margin:0;
  position: absolute;
  text-transform: uppercase;
  top: 87px;
  width: 100%;
  font-family: 'AlternateGothic1';
  text-align: center;
  letter-spacing: 2px;
  word-spacing: 4px;
  line-height: 1em;
  color: #0db2b0;
  font-weight:normal;
  font-size: 97px;
  text-shadow:0px 0px 0 rgb(13,174,180),
                        1px 1px 0 rgb(-7,154,160),
                        2px 2px 0 rgb(-28,133,139),
                        3px 3px 0 rgb(-49,112,118),
                        4px 4px 1px rgba(0,0,0,0.5);
}*/

/*
 * PRODUTOS - FOOTER
 */

body.node-type-products-page #footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}


body.node-type-products-page #footer div.copyright_menu,
body.node-type-products-page #footer div.ln-divisor-dev {
    display: none;
}

/*
 * GRID PRODUTOS
 */
.tpl-prod {
    /*margin-top: 50px;*/
    position: relative;
}

.prod-first-header {
    margin-top: -230px !important;
    padding: 0;
}

.tpl-1 {
    /* overflow: hidden;*/
    /*height: 930px;*/
    height: 830px;
    /*border-bottom: 2px solid #FFFFFF;*/
    background-position: center 32px !important;
    background-size: cover !important;
    margin-top:-42px;
}

html.ie8 .tpl-1 {
    background-size: 100% !important;
}

.tpl-3,
.tpl-4,
.tpl-5 {
    overflow: hidden;
    /*height: 800px;*/
    height: 870px;
}

.tpl-1 .slide {
    width:100%;
    height:680px !important;
    /* position: absolute;*/
    /*top: 250px;*/
    margin-top: 50px;
}

.tpl-3 .slide,
.tpl-4 .slide,
.tpl-5 .slide {
    width:100%;
    height:823px;
    /*height:680px;*/
    position: absolute;
    top: 5%;
}

.wrapper {
    margin:0 auto;
    position:relative;
    padding-left: 50px;
    padding-top: 50px;
}

.tpl-1 .wrapper {
    width:950px;
    height:600px;
    overflow: hidden;
}

.tpl-3 .wrapper,
.tpl-4 .wrapper,
.tpl-5 .wrapper  {
    width:950px;
    height:750px;
}
/*
 * CAIXA TEXTO
 */

div.box-prod-device,
img.grid-tablet,
img.grid-mobile {
    display: none;
}

.tpl-1 div.box-prod {
    height: 150px;
    width: 350px;
    display: table;
    position: absolute;
    top: 45px;
    z-index: 10;
}

.tpl-3 div.box-prod {
    height: 200px;
    width: 400px;
    display: table;
    position: absolute;
    top: 200px;
    right: 0;
    z-index: 10;
}

.tpl-4 div.box-prod {
    height: 200px;
    width: 400px;
    display: table;
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 10;
}

.tpl-5 div.box-prod {
    height: 200px;
    width: 400px;
    display: table;
    position: absolute;
    top: 300px;
    left: 0;
    z-index: 10;
}

div.box-prod div.cell {
    display: table-cell;
    vertical-align: middle;
}

div.box-prod h2 {
    margin: 0;
    padding: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    font-size: 70px;
    text-transform: uppercase;
    font-family: 'GarageGothic-Regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 55px;
}

div.box-prod h2 strong {
    font-family: 'GarageGothic-Bold';
    font-weight: normal;
}

div.box-prod p {
    color: #1e2943;
    font-size: 12px;
    font-family: 'Tahoma';
    line-height: 16px;
    letter-spacing: 1.5px;
    margin: 10px 0;
    padding: 0;
}

div.box-prod p.btn-prod {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    height: auto;
    padding: 9px 8px 8px;
    text-align: center;
    width: 70px;
    margin-top: 8px;
}

html.ie8 div.box-prod p.btn-prod {
    width: 95px;
}

div.box-prod p.btn-prod:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: pointer;
}

div.box-prod p.btn-prod a {
    color: #FAFAE6;
    font-family: 'AlternateGothic2';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
}

/*
 * PRODUTOS/ILUSTRAÇÕES
 */

img.ft-ilustra {
    width: 200px;
    height: 200px;

}

/*
 * TPL-1
 */
.tpl-1 img.ft-prod {
    height: auto;
    width: auto;
}

.tpl-1 img.ft-ilustra-0{
    position:absolute;
    top:0;
    left:400px;
    z-index: 9;
}
.tpl-1 img.ft-ilustra-1{
    position:absolute;
    top:100px;
    right:50px;
    z-index: 9;
}
.tpl-1 img.ft-ilustra-2{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 9;
}
.tpl-1 img.ft-ilustra-3{
    position:absolute;
    bottom:0;
    left:150px;
    z-index: 9;
}
.tpl-1 img.ft-ilustra-4{
    position:absolute;
    top:200px;
    left:0;
    z-index: 9;
}
.tpl-1 img.prod-index-0{
    position: absolute;
    top: 90px;
    left: 290px;
    z-index: 1;;
}

/*
 * TPL-3
 */

/*
 * CAIXA TEXTO
 */
.tpl-3 div.box-prod div.cell {
    text-align: right;
    position: relative;
}

.tpl-3 .box-prod p.btn-prod {
    /*bottom: -25px;
    position: absolute;
    right: 0;*/
    float: right;
}

.tpl-3 img.ft-prod {
    height: 400px;
    width: 400px;
}

.tpl-3 img.ft-ilustra-0{
    position:absolute;
    top:50px;
    left:-50px;
    z-index: 9;
}
.tpl-3 img.ft-ilustra-1{
    position:absolute;
    top:0;
    right:150px;
    z-index: 9;
}
.tpl-3 img.ft-ilustra-2{
    position:absolute;
    bottom:200px;
    right:350px;
    z-index: 9;
}
.tpl-3 img.ft-ilustra-3{
    position:absolute;
    bottom:50px;
    left:-100px;
    z-index: 9;
}
.tpl-3 img.prod-index-0{
    position:absolute;
    top:0;
    left:200px;
    z-index: 1;
    -moz-transform: rotate(60deg) !important;
    -webkit-transform: rotate(60deg) !important;
    -o-transform: rotate(60deg) !important;
    -ms-transform: rotate(60deg) !important;
}
.tpl-3 img.prod-index-1{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 1;
    -moz-transform: rotate(-30deg) !important;
    -webkit-transform: rotate(-30deg) !important;
    -o-transform: rotate(-30deg) !important;
    -ms-transform: rotate(-30deg) !important;
}
.tpl-3 img.prod-index-2{
    position:absolute;
    bottom:0;
    left:50px;
    z-index: 1;
    -moz-transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
}

/*
 * TPL-4
 */

.tpl-4 img.ft-prod {
    height: 350px;
    width: 350px;
}

.tpl-4 img.ft-ilustra-0{
    position:absolute;
    top:0;
    left:-50px;
    z-index: 9;
}
.tpl-4 img.ft-ilustra-1{
    position:absolute;
    top:0px;
    left:350px;
    z-index: 9;
}
.tpl-4 img.ft-ilustra-2{
    position:absolute;
    bottom:300px;
    right:-100px;
    z-index: 9;
}
.tpl-4 img.ft-ilustra-3{
    position:absolute;
    bottom:0;
    left:400px;
    z-index: 9;
}
.tpl-4 img.prod-index-0{
    position:absolute;
    top:0;
    right:50px;
    z-index: 1;
    -moz-transform: rotate(-30deg) !important;
    -webkit-transform: rotate(-30deg) !important;
    -o-transform: rotate(-30deg) !important;
    -ms-transform: rotate(-30deg) !important;
}
.tpl-4 img.prod-index-1{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 1;
    -moz-transform: rotate(60deg) !important;
    -webkit-transform: rotate(60deg) !important;
    -o-transform: rotate(60deg) !important;
    -ms-transform: rotate(60deg) !important;
}
.tpl-4 img.prod-index-2{
    position:absolute;
    bottom:200px;
    left:300px;
    z-index: 1;
    -moz-transform: rotate(160deg) !important;
    -webkit-transform: rotate(160deg) !important;
    -o-transform: rotate(160deg) !important;
    -ms-transform: rotate(160deg) !important;
}
.tpl-4 img.prod-index-3{
    position:absolute;
    bottom:0;
    left:0;
    z-index: 1;
    -moz-transform: rotate(100deg) !important;
    -webkit-transform: rotate(100deg) !important;
    -o-transform: rotate(100deg) !important;
    -ms-transform: rotate(100deg) !important;
}

/*
 * TPL-5
 */

.tpl-5 img.ft-prod {
    height: 300px;
    width: 300px;
}
.tpl-5 img.ft-ilustra-0{
    position:absolute;
    top:0 !important;
    left:0;
    z-index: 9;
}
.tpl-5 img.ft-ilustra-1{
    position:absolute;
    top:50px !important;
    right:300px;
    z-index: 9;
}
.tpl-5 img.ft-ilustra-2{
    position:absolute;
    bottom:300px;
    right:-50px;
    z-index: 9;
}
.tpl-5 img.ft-ilustra-3{
    position:absolute;
    bottom:50px;
    left:350px;
    z-index: 9;
}
.tpl-5 img.prod-index-0{
    position:absolute;
    top:0 !important;
    left:200px;
    z-index: 1;
    -moz-transform: rotate(65deg) !important;
    -webkit-transform: rotate(65deg) !important;
    -o-transform: rotate(65deg) !important;
    -ms-transform: rotate(65deg) !important;
}
.tpl-5 img.prod-index-1{
    position:absolute;
    top:0 !important;
    right:0;
    z-index: 1;
    -moz-transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    -o-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
}
.tpl-5 img.prod-index-2{
    position:absolute;
    top:250px;
    right:250px;
    z-index: 1;
    -moz-transform: rotate(100deg) !important;
    -webkit-transform: rotate(100deg) !important;
    -o-transform: rotate(100deg) !important;
    -ms-transform: rotate(100deg) !important;
}
.tpl-5 img.prod-index-3{
    position:absolute;
    bottom:0;
    right:0;
    z-index: 1;
    -moz-transform: rotate(5deg) !important;
    -webkit-transform: rotate(5deg) !important;
    -o-transform: rotate(5deg) !important;
    -ms-transform: rotate(5deg) !important;
}
.tpl-5 img.prod-index-4{
    position:absolute;
    bottom:0;
    left:0;
    z-index: 1;
    -moz-transform: rotate(-30deg) !important;
    -webkit-transform: rotate(-30deg) !important;
    -o-transform: rotate(-30deg) !important;
    -ms-transform: rotate(-30deg) !important;
}

/*
 * ACCESSORIES EFFECTS
 */
/*div#accessories {
  margin-top: 205px;
}*/

div#accessories .tpl-prod {
    height: 890px;
    position: relative;
    background-size: cover !important;
}
div#accessories {

}
div#accessories #scroller{
    width: 100%;
}
/*
 * FLIP FLOPS EFECTS
 */

div#flip-flops .tpl-prod {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

div#flip-flops .tpl-prod:last-child {
    padding-bottom: 50px;
}

/*SOUL COLLECTION */

#model > section {
    position: fixed;
    width: 100%;
}
#model .sku-viewer {
    height: 680px;
    overflow: hidden;
    cursor: move;
}
#model .sku-viewer .sku {
    position: absolute;
    width: 100%;
    height: 680px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}
#model .sku-viewer .sku.folded {
    display: none;
}
#model .sku-viewer .sku:first-child {
    z-index: 100;
}

/*
 * ATENDIMENTO
 */

/*body.node-type-international-offices footer {
  margin-top: 150px;
  position: absolute !important;
  bottom: 0;
}*/

/*
 * PROPAGANDA
 */

body.node-type-publicity-page .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    width: 85.6%;
}

body.node-type-publicity-page .ui-dialog .ui-dialog-titlebar-close {
    height: 31px;
    position: absolute;
    right: 0.3em;
    top: 6px;
    width: 31px;
}

/*
 * STORE LOCATOR
 */

body.nossas-lojas .ui-dialog .ui-dialog-titlebar-close {
    right: -6px;
}


body.nossas-lojas #user_location {
    left: 20px;
    top: 20px;
}

body.nossas-lojas div#map_canvas {
    height: 820px;
    width: 100%;
}

body.nossas-lojas div#user_location {
    background: none repeat scroll 0 0 #FAFAE6;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin-top: 37px;
    height: auto;
    width: 480px;
}

body.nossas-lojas div#user_location h2.title-search,
body.nossas-lojas div#user_location p.title-search {
    margin: 18px 0 8px 20px;
    width: 440px;
    line-height: 17px;
}

body.nossas-lojas div#user_location h2,
body.nossas-lojas div#user_location p a,
body.nossas-lojas div#user_location p {
    font-size: 115%;
    line-height: 15px;
}

body.nossas-lojas h2.title-search {
    font-size: 95% !important;
}

body.nossas-lojas div#user_location div.all-store-block {
    margin-top: 5px;
    display: none;
}

body.nossas-lojas div#user_location p.lnk-all-store a {
    clear: both;
    font-size: 70%;
    display: inline;
    width: auto;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

body.nossas-lojas div#user_location p.lnk-all-store a:hover {
    text-decoration: underline;
}

body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
    background: url(/arquivos/arrow-store.png) 0 3px no-repeat;
    padding-bottom: 15px;
    width: 4px;
    height: 14px;
    display: block;
    float: left;
    cursor: pointer;
    margin-left: 10px;
}

body.nossas-lojas div#user_location div.all-store-block:hover p.lnk-icon {
    background-position: -6px 3px;
}

body.nossas-lojas div#user_location input#addressInput {
    width: 400px;
    height: 30px;
    margin-left: 20px;
    font-family: "tahoma";
}

body.nossas-lojas div#user_location input#googlesearch {
    height: 34px;
    width: 32px;
}

body.nossas-lojas div#over_map_left {
    /*height: 408px;*/
    height: auto;
    width: 484px;
    display: none;
    background: none;
}

body.nossas-lojas div.store-details {
    background: none repeat scroll 0 0 #FAFAE6;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    width: 480px;
}

body.nossas-lojas div.banner-store {
    background: #f39891;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    /*height: 67px;*/
    left: -2px;
    margin-top: 10px;
    width: 480px;
}

/*
 * STORE DETAILS
 */

body.nossas-lojas div.back-to-map,
body.nossas-lojas div.store-details-mob {
    display: none !important;
}

body.nossas-lojas p.details-title {
    font-size: 125%;
    line-height: 15px;
}

body.nossas-lojas div.details-phone {
    width: 153px;
}

body.nossas-lojas div.details-phone p {
    font-size: 180%;
}

body.nossas-lojas div.details-hour {
    width: 245px;
}

body.nossas-lojas div.details-hour p {
    font-size: 90%;
    text-align: center;
}

body.nossas-lojas p.products-title {
    font-size: 100%;
}

body.nossas-lojas div.details-street {
    float: left;
    height: 67px;
    margin: 0 2px 0 0;
    width: 217px;
    background: #BFBFBF;
}

body.nossas-lojas p.street-label {
    margin: 0;
}

body.nossas-lojas div.details-rotes {
    float: left;
    height: 67px;
    margin: 0 2px 0 0;
    width: 129px;
    background: #00aead;
}

body.nossas-lojas div.details-rotes:hover {
    background: #009194;
}

body.nossas-lojas div.details-flipflop {
    float: left;
    height: 67px;
    width: 130px;
    background: #f08133;
}

body.nossas-lojas div.details-flipflop:hover {
    background: #db761d;
}


body.nossas-lojas div.details-rotes:hover,
body.nossas-lojas div.details-flipflop:hover {
    cursor: pointer;
}

body.nossas-lojas div.details-flipflop p.flipflop-label {
    font-size: 90%;
}

html.IE body.nossas-lojas div.details-flipflop p.flipflop-label {
    margin: 0 5px;
}

body.nossas-lojas p.banner-txt {
    font-size: 110%;
}

/*
 * LIST ALL STORE
 */

body.nossas-lojas div#all_stores {
    min-height: 740px;
}

body.nossas-lojas div.back-top {
    float: right;
    margin-top: -40px;
}

body.nossas-lojas div.back-top p {
    background: #7AD1C1;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 140px;
}

body.nossas-lojas div.back-top p:hover {
    background-color: #00abaf;
}

body.nossas-lojas div.back-top a {
    color: #FFFFFF;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
    font-style: normal;
    width: 100%;
    text-transform: uppercase;
}

/*
 * HISTORIA DA MARCA
 */

body.node-type-history-page div.ui-dialog,
body.node-type-history-page div.ui-dialog-content {
    background: #000000 !important;
}

div.ui-dialog {
    z-index: 99999 !important;
}

div.history-item {
    height: 728px;
    background-color: #e6e6e6;
}

html.IE body.node-type-history-page ul {
    padding-left: 0;
}

html.IE body.node-type-history-page div.history-timeline-wrapper ul {
    padding: 0 50px;
}

div.history-item div.history-item-left {
    background: #e6e6e6;
    border-right: 2px solid #000000;
    height: 728px;
    width: 66.6%;
    float: left;
}

div.history-item div.history-item-right {
    background-color: #fafae6;
    float: left;
    height: 728px;
    width: 33.21%;
}

div.history-item-right h2#history-item-year {
    height: 221px;
}

div.history-item-right span.history-item-year {
    font-size: 710%;
    padding-top: 45px;
}

div.history-item-right p.history-item-desc {
    margin: 0;
    padding: 23px 30px;
}

body.node-type-sustainability div.view-content {
    padding: 0 15%;
    margin-top: -247px;
    z-index: 99;
    width: 70%;
}

/*
 * SUBMENU
 */

ul#submenu-header {
    left: 0;
    margin: 0;
    padding-left: 160px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    display: none;
}

ul#submenu-header li {
    list-style: none;
    float: left;
    height: 25px;
    padding: 3px 15px;
}

ul#submenu-header li a {
    color: #FFFFFF;
    text-transform: uppercase;
}

ul#submenu-header li:hover,
ul#submenu-header li:active {
    background: url(/arquivos/1x1-transp.png) 0 0 repeat;
}

html.ie8 div.history-item-left {
    width: 70% !important;
    float: left !important;
    margin-left: -50px !important;
}

html.ie8 div.history-item-right {
    float: right !important;
    width: 33.9% !important;
}

/* RESELL FORM */
.customer-service .form-item .form-item-willing-to-buy{
    margin: 0 0 11px 0;
}

/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
/*@media only screen and (max-width: 480px) {}*/
/*
 * Float Region Blocks - custom media query CSS example:
 *
 * Float regions blocks is an Extension you can enable in the appearance
 * settings for your theme. This feature allows you to automatically float
 * blocks in regions, you can switch it on and off depending on your
 * requirements. For design purposes you many want to remove the floats for
 * devices where the entire theme is just one column - for example small
 * mobile phones. The following CSS is inside the custom media query:
 *
 *   @media only screen and (max-width: 480px){}
 *
 * This will target devices with a maximum width of 480px - most small phones.
 * In these smaller screen sizes we can remove the float and widths so all
 * blocks stack instead of displaying horizonally. The selector used is an
 * "attribute selector" which will match on any float block class. Use your
 * inspector or Firebug to get the classes from the page output if you need
 * more granular control over block alignment and stacking.
 */
/*.region[class*="float-blocks"] .block {
  float: none;
  width: 100%;
}
}*/

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */


/*
 * Images Retina
 */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    div#nav-featured a.bullet,
    div#nav-featured a.bullet:hover,
    div#nav-featured a.activeSlide,
    div#control a {
        background: url(/arquivos/sp-control2x.png) 0 0 no-repeat;
        background-size: 120%;
    }

    div#nav-featured a.activeSlide {
        background-position: 0 -13px;
    }

    .view-content > div#control a.played {
        background-position: 0 -25px;
    }

    .view-content > div#control a.paused {
        background-position: 0 -38px;
    }

    p.bt-cta a {
        background: url("/arquivos/cta-arrow-mob2x.png") no-repeat scroll right center transparent !important;
        display: block;
        padding-right: 10px;
        text-decoration: none;
        height: 15px;
    }


}

@media (min-width: 321px) and (max-width: 535px) {
    #footer ul#contact-sub-items li.bg-bottom,
    #footer ul#contact-sub-items li:hover,
    #footer ul#contact-sub-items li,
    #footer ul#contact-sub-items {
        /*left: -76px !important;*/
        left: -75px !important;
    }

    #footer ul#contact-sub-items li.bg-bottom{
        right: -10px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 320px) {

    div.highlights-default div.parts-highlight-odd {
        float: left;
        /*width: 40.6%;*/
        width: 41.4%;
        /*height:246px;*/
        height:250px;
        margin: 0.5% 0;
    }

    div.highlights-default div.parts-highlight-pair {
        float: right;
        width: 57.8%;
        /*height:246px;*/
        height:250px;
        margin: 0.5% 0;
    }

    div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted,
    div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted,
    div.view-highlight .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted {
        top: 42%;
    }

    #footer ul#contact-sub-items li.bg-bottom,
    #footer ul#contact-sub-items li:hover,
    #footer ul#contact-sub-items li,
    #footer ul#contact-sub-items {
        /*left: -76px !important;*/
        left: -53px !important;
    }

    /*
     * INSTAGRAM E FACEBOOK
    */

    div.highdefault .parts-highlight-img div#prev:hover,
    div.highdefault .parts-highlight-img div#prev {
        background: url(/arquivos/sp-fbarrow-prev-mob.png) left 0 no-repeat;
    }

    div.highdefault .parts-highlight-img div#next:hover,
    div.highdefault .parts-highlight-img div#next {
        background: url(/arquivos/sp-fbarrow-next-mob.png) right 0 no-repeat;
    }

    .tpl-1 {
        height: 475px !important;
    }

    #block-havaianas-havaianas-header div#menu-mobile {
        padding: 15px 0 0 !important;
        margin-right: -10px !important;
    }

    /*
     * FORMULARIO
     */

    .customer-service div.captcha,
    body.node-type-contact-us form.customer-service {
        width: 250px !important;
    }

    body.node-type-international-offices h2,
    body.node-type-faq-page h2,
    body.node-type-contact-us h2 {
        font-size: 205%;
    }

    .customer-service .form-item {
        margin-right: 0 !important;
    }

    body.node-type-contact-us div.form-item-reference input,
    body.node-type-contact-us div.form-item-complement input,
    body.node-type-contact-us div.form-item-product-model input,
    body.node-type-contact-us div.form-item-home-phone input,
    body.node-type-contact-us div.form-item-cell-phone input,
    body.node-type-contact-us div.form-item-business-phone input,
    body.node-type-contact-us div.form-item-neighborhood input,
    body.node-type-contact-us div.form-item-city input,
    body.node-type-contact-us div.form-item-address input,
    body.node-type-contact-us div.form-item-product-owner-name input,
    body.node-type-contact-us div.form-item-name input,
    body.node-type-contact-us div.form-item-phone input,
    body.node-type-contact-us div.form-item-email input,
    body.node-type-contact-us fieldset#edit-social-number input,
    body.node-type-contact-us div.form-item-product-owner-social-number input {
        width: 250px !important;
    }

    div.form-item-message textarea,
    div.form-item-product-comments textarea {
        width: 270px !important;
    }

    body.node-type-contact-us div.description,
    body.node-type-contact-us div.form-item-subject {
        width: 250px !important;
    }

    .customer-service input.form-submit {
        float: left !important;
        clear: none !important;
    }

    div.box-support {
        width: 275px !important;
    }

    div.box-hour,
    div.box-phone {
        width: 225px !important;
    }

    div.box-contact {
        width: 275px !important;
    }

    .customer-service div.form-item-terms-and-condition-opt {
        margin-left: 60px;
    }

    div.box-support p.txt-box span {
        margin-right: 5px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper {
        width: 275px !important;
        background-position: 0 -70px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper:hover {
        background-position: 0 -103px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul,
    body.node-type-contact-us .jqTransformSelectWrapper ul {
        width: 275px !important;
    }

    .customer-service fieldset {
        width: 255px !important;
    }

    .customer-service #recaptcha_area,
    .customer-service #recaptcha_table {
        width: 280px!important;
    }

    .customer-service .recaptchatable #recaptcha_image {
        width: 260px !important;
    }

    .customer-service .recaptchatable #recaptcha_response_field {
        width: 175px !important;
    }

    .customer-service .recaptchatable a#recaptcha_reload_btn,
    .customer-service .recaptchatable a#recaptcha_reload_btn:hover {
        left: 185px;
    }

    .customer-service .recaptchatable a#recaptcha_switch_audio_btn,
    .customer-service .recaptchatable a#recaptcha_switch_audio_btn:hover {
        left: 215px;
    }

    .customer-service .recaptchatable a#recaptcha_whatsthis_btn,
    .customer-service .recaptchatable a#recaptcha_whatsthis_btn:hover {
        left: 255px;
    }

    /*
     * REVENDA
     */

    body.node-type-resale div.form-type-markup label {
        width: 255px !important;
    }

    body.node-type-resale div.form-item-address input,
    body.node-type-resale div.form-item-neighborhood input,
    body.node-type-resale div.form-type-markup input,
    body.node-type-resale div.form-item-mail input,
    body.node-type-resale div.form-item-responsible input,
    body.node-type-resale div.form-item-company input,
    body.node-type-resale div.form-item-cell-phone input,
    body.node-type-resale div.form-item-phone input,
    body.node-type-resale div.form-item-cnpj input,
    body.node-type-resale div.form-item-state input,
    body.node-type-resale div.form-item-city input,
    body.node-type-resale div.form-item-branch-of-activity input {
        width: 250px !important;
    }

    body.node-type-resale div.form-item-stores input,
    body.node-type-resale div.form-item-zipcode input {
        width: 100px !important;
    }

    body.node-type-resale div.form-item-other-informations textarea,
    body.node-type-resale div.form-item-brands textarea {
        width: 260px !important;
    }

    body.node-type-resale div.form-item-brands label {
        width: 230px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 40px !important;
    }

    /*
     * ESCRITORIOS INTERNACIONAIS
     */
    body.node-type-international-offices .tooltip-content {
        width: 290px !important;
    }

    /*
    * PRE HOME
    */
    .highlights-default #first-block h2.collection,
    .highlights-default #first-block p {
        font-size: 190% !important;
    }

    /*
     * PROPAGANDA
     */
    body.node-type-publicity-page .principal {
        height: 200px !important;
    }

    body.node-type-publicity-page .box {
        height: 100px !important;
    }

    /*
     * OVERLAY PROPAGANDA
     */

    body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
        height: 500px !important;
    }

    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
        width: 87.9% !important;
    }

    body.node-type-publicity-page div.dialog-description {
        width: 220px !important;
        height: 50px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-year {
        height: 80px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-year p {
        padding-top: 20px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-description {
        width: 245px !important;
        height: 80px !important;
    }

    html.iPhone body.node-type-publicity-page .dialog-box {
        margin-top: -5px !important;
        height: 80px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-description p#dialog-description {
        font-size: 35% !important;
        padding-top: 3px !important;
    }


    body.node-type-sustainability .ui-dialog .ui-dialog-content {
        height: 300px !important;
        display: none !important;
    }

    body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
        height: 100px !important;
    }

    /*
     * STORE LOCATOR
     */

    body.nossas-lojas #over_map_left {
        top: 99px !important;
    }

    body.nossas-lojas #user_location {
        height: auto !important;
        width: 90% !important;
    }

    body.nossas-lojas div#user_location h2,
    body.nossas-lojas div#user_location p {
        font-size: 45% !important;
        letter-spacing: 1px;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 19% !important;
        height: 35px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 14% 0 0 6% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store a {
        font-size: 80% !important;
    }

    body.nossas-lojas div#user_location div.back-to-map p.lnk-icon {
        width: 20px !important;
        height: 35px !important;
    }

    body.nossas-lojas div#user_location div.back-to-map p.lnk-back-to-map {
        width: 47px !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 585px !important;
    }

    /*
    * STORE DETAILS
    */

    body.nossas-lojas div.details-phone {
        width: 26% !important;
    }

    body.nossas-lojas div.details-hour {
        width: 48.3% !important;
    }

    body.nossas-lojas ul.products-list {
        padding: 0 0 0 20px !important;
    }

    body.nossas-lojas ul.products-list li {
        width: 140px !important;
    }

    body.nossas-lojas div.details-street {
        height: 78px !important;
    }

    body.nossas-lojas div#all_stores {
        margin-top: -483px !important;
    }


    /*
     * DESKTOP
     */
    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 74% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 46.8% !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 48.9% !important;
    }

}

@media only screen and (min-width: 379px) and (max-width: 480px) {
    /*
     * ESCRITORIOS INTERNACIONAIS
     */
    body.node-type-international-offices .tooltip-content {
        width: 430px !important;
    }

    /*
     * Menu & Submenu
     */

    /*  #block-havaianas-havaianas-header ul#menu-header {
        left: -345px !important;
        width: 270px !important;
      }*/

    ul#submenu-header {
        left: -280px !important;
    }

    /*
  * GRID PRODUTOS
  */

    div.products-page-wrapper .tpl-1 {
        background-position: center -125px !important;
    }

    .tpl-3,
    .tpl-4,
    .tpl-5 {
        height: 615px !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    div#flip-flops .tpl-3,
    div#flip-flops .tpl-4,
    div#flip-flops .tpl-5 {
        /*height: 410px !important;*/
        height: 520px !important;
        padding-top: 0;
    }

    .tpl-1 .slide {
        top: 80px !important;
    }

    .tpl-1 .wrapper {
        width:420px !important;
        height:259px !important;
    }

    .tpl-3 .wrapper,
    .tpl-4 .wrapper,
    .tpl-5 .wrapper {
        width: 420px !important;
        height: 306px !important;
    }

    /*
    * CAIXA TEXTO
    */

    div.box-prod-device {
        margin-left: 25px !Important;
    }

    div.box-prod-device h2 {
        font-size: 60px !important;
        padding-top: 20px !important;
    }

    /*
    * PRODUTOS/ILUSTRAÇÕES
    */

    /*
    * TPL-1
     */
    .tpl-1 img:nth-child(2){
        left:128px !important;
    }
    .tpl-1 img:nth-child(3){
        top:33px !important;
        right:17px !important;
    }
    .tpl-1 img:nth-child(5){
        left:48px !important;
    }
    .tpl-1 img:nth-child(6){
        top:64px !important;
    }
    .tpl-1 img:nth-child(7){
        top:64px !important;
        left:80px !important;
    }

    /*
    * TPL-3
     */
    .tpl-3 img:nth-child(2){
        left:-16px !important;
    }
    .tpl-3 img:nth-child(3){
        right:32px !important;
    }
    .tpl-3 img:nth-child(4){
        bottom:47px !important;
        right:112px !important;
    }
    .tpl-3 img:nth-child(5){
        left:-32px !important;
    }
    .tpl-3 img:nth-child(6){
        left:64px !important;
    }
    .tpl-3 img:nth-child(8){
        left:16px !important;
    }

    /*
    * TPL-4
     */
    .tpl-4 img:nth-child(2){
        left:-16px !important;
    }
    .tpl-4 img:nth-child(3){
        top:0 !important;
        right:165px !important;
    }
    .tpl-4 img:nth-child(4){
        bottom:100px !important;
        right:-32px !important;
    }
    .tpl-4 img:nth-child(5){
        left:154px !important;
    }
    .tpl-4 img:nth-child(6){
        right:16px !important;
    }
    .tpl-4 img:nth-child(8){
        bottom:78px !important;
        left:146px !important;
    }

    .tpl-4 img:nth-child(9){
        bottom:0 !important;
    }

    /*
    * TPL-5
     */

    .tpl-5 img:nth-child(2){
        left:16px !important;
    }
    .tpl-5 img:nth-child(3){
        top:32px !important;
        right:80px !important;
    }
    .tpl-5 img:nth-child(4){
        bottom:80px !important;
        right:-16px !important;
    }
    .tpl-5 img:nth-child(5){
        bottom:32px !important;
        left:96px !important;
    }
    .tpl-5 img:nth-child(6){
        left:81px !important;
    }
    .tpl-5 img:nth-child(8){
        bottom:64px !important;
        right:64px !important;
    }
    .tpl-5 img:nth-child(10){
        bottom:16px !important;
    }

    /*
     * PROPAGANDA
     */

    body.node-type-publicity-page .principal {
        height: 300px !important;
    }

    body.node-type-publicity-page .box {
        height: 160px !important;
    }

    /*
     * OVERLAY PROPAGANDA
     */

    body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
        height: 1050px !important;
        padding-top: 20px !important;
    }

    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
        width: 86.8% !important;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        right: -0.7% !important;
    }

    body.node-type-publicity-page .ui-dialog .ui-dialog-content {
        height: auto !important;
    }

    body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
        height: 170px !important;
    }

    body.node-type-publicity-page div.dialog-description {
        width: 368px !important;
        height: 50px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-year {
        height: 80px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-year p {
        padding-top: 20px !important;
    }

    html.iPhone body.node-type-publicity-page div.dialog-description {
        width: 403px !important;
        height: 80px !important;
    }

    html.iPhone body.node-type-publicity-page .dialog-box {
        margin-top: -5px !important;
        height: 80px;
    }

    html.iPhone body.node-type-publicity-page div.dialog-description p#dialog-description {
        font-size: 35% !important;
        padding-top: 3px !important;
    }

    /*
    * SUSTENTABILIDADE
    */
    body.node-type-sustainability div.sustainability-block .title-text h3 {
        line-height: 50px !important;
    }

    body.node-type-sustainability .ui-dialog .ui-dialog-content,
    body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
        height: 180px !important;
    }

    /*
     * REVENDA
     */

    body.node-type-resale div.form-type-markup label {
        width: 100%;
    }

    body.node-type-resale div.form-item-address input,
    body.node-type-resale div.form-item-neighborhood input,
    body.node-type-resale div.form-type-markup input,
    body.node-type-resale div.form-item-mail input,
    body.node-type-resale div.form-item-responsible input,
    body.node-type-resale div.form-item-company input,
    body.node-type-resale div.form-item-cell-phone input,
    body.node-type-resale div.form-item-phone input,
    body.node-type-resale div.form-item-cnpj input,
    body.node-type-resale div.form-item-state input,
    body.node-type-resale div.form-item-city input,
    body.node-type-resale div.form-item-branch-of-activity input {
        width: 100%;
    }

    body.node-type-resale div.form-item-stores input,
    body.node-type-resale div.form-item-zipcode input {
        width: 100px;
    }

    body.node-type-resale div.form-item-other-informations textarea,
    body.node-type-resale div.form-item-brands textarea {
        width: 400px;
    }

    body.node-type-resale div.form-item-brands label {
        width: 360px;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 0;
    }

    /*
     * STORE LOCATOR
     */

    div#user_location input#googlesearch {
        height: 27px !important;
    }

    body.nossas-lojas div#user_location h2,
    body.nossas-lojas div#user_location p {
        font-size: 50% !important;
        letter-spacing: 1.5px;
    }

    body.nossas-lojas div#user_location {
        width: 90% !important;
        padding: 6% 5% 13% !important;
    }

    body.nossas-lojas #over_map_left {
        top: 108px !important;
    }

    body.nossas-lojas div#user_location div.back-to-map p.lnk-back-to-map {
        width: 80px !important;
    }

    body.nossas-lojas form#google_maps_form {
        margin-top: -10px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 14% !important;
        height: 37px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 79% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store a {
        font-size: 80% !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 625px !important;
    }

    /*
      * STORE DETAILS
      */

    body.nossas-lojas div.store-details-mob div.close a,
    body.nossas-lojas div.store-details-mob div.close a:hover,
    body.nossas-lojas div.store-details-mob div.back-top-mob {
        margin: -19px 0 !important;
    }

    body.nossas-lojas div.store-details-mob {
        margin-top: -12px !important;
    }

    body.nossas-lojas p.details-title {
        font-size: 100% !important;
        line-height: 15px !important;
    }

    body.nossas-lojas p.details-address {
        font-size: 65% !important;
        margin-left: 23px !important;
    }

    body.nossas-lojas div.details-phone {
        width: 35% !important;
        height: 36px !important;
        padding: 20px 20px 0 !important;
    }

    body.nossas-lojas div.details-phone p {
        font-size: 120% !important;
        line-height: normal !important;
    }

    body.nossas-lojas div.details-hour p {
        font-size: 65% !important;
    }

    body.nossas-lojas p.products-title {
        font-size: 70% !important;
    }

    body.nossas-lojas form#google_maps_form {
        margin-top: 10px !important;
    }

    body.nossas-lojas div#all_stores {
        margin-top: -463px !important;
    }

    /*
    * VA DE HAVAIANAS
    */

    body.nossas-lojas div.box-go-havaianas {
        top: 8% !important;
    }

    body.nossas-lojas div.mob-feet {
        padding-top: 10px;
    }

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 47px !important;
    }

    body.nossas-lojas div.close a {
        top: 7px !important;
    }

    body.nossas-lojas div.box-go-havaianas div.close a {
        top: 15px !important;
    }

    body.nossas-lojas div.mob-feet,
    body.nossas-lojas div.mob-kcal {
        width: 370px !important;
    }
    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 34% !important;
    }

    /*
    * HISTORIA DA MARCA
    */

    div.history-item div.history-item-left {
        height: 460px !important;
    }

}

@media only screen and (min-width: 380px) and (max-width: 384px) {

    #block-havaianas-havaianas-header ul#menu-header {
        left: -190px !important;
        width: 210px !important;
    }

    ul#submenu-header {
        left: -160px !important;
    }

    /*
    * PROPAGANDA
    */

    body.node-type-publicity-page .principal {
        height: 260px !important;
    }

    body.node-type-publicity-page .box {
        height: 120px !important;
    }

    .a-group-other,
    .a-group1 {
        width: 65.6% !important;
    }

    .g-group1,
    .g-group-other {
        width: 66.6% !important;
    }

    .b-group-other,
    .b-group1 {
        width: 33.3% !important;
    }

    body.node-type-publicity-page div.video .btn-video {
        background: url(/arquivos/btn-video-propaganda-padrao-mob.png) center center no-repeat !important;
    }

    body.node-type-publicity-page div.principal .btn-video {
        background: url(/arquivos/btn-video-propaganda-padrao.png) center center no-repeat !important;
    }

    /*
     * OVERLAY PROPAGANDA
     */

    body.node-type-publicity-page .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable {
        height: 650px !important;
    }

    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
        width: 87.8% !important;
    }

    body.node-type-publicity-page .ui-dialog .ui-dialog-content,
    body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
        height: 220px !important;
    }

    body.node-type-publicity-page div.dialog-description {
        width: 197px !important;
    }

    body.node-type-publicity-page div.dialog-description {
        height: 50px !important;
    }

    body.node-type-publicity-page div.dialog-year {
        height: 50px !important;
    }

    body.node-type-publicity-page div.dialog-year p {
        padding-top: 10px !important;
    }

    body.node-type-publicity-page .dialog-box {
        margin-top: -5px !important;
        height: 80px;
    }

    body.node-type-publicity-page div.dialog-description p#dialog-description {
        font-size: 35% !important;
        padding-top: 3px !important;
    }

    body.node-type-sustainability .ui-dialog .ui-dialog-content,
    body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
        height: 200px !important;
    }

    /*
     * FAQ
     */

    body.node-type-contact-us div.form-item-city input,
    body.node-type-contact-us div.form-item-phone input,
    body.node-type-contact-us div.form-item-email input,
    body.node-type-contact-us div.form-item-name input {
        width: 290px !important;
    }

    body.node-type-contact-us div.form-item-message textarea {
        width: 300px !important;
    }


    /*
     * STORE LOCATOR
     */

    body.nossas-lojas form#google_maps_form {
        margin-top: 10px !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 434px !important;
    }

    body.nossas-lojas div#user_location input#googlesearch {
        height: 24px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 18% !important;
        height: 26px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 75% !important;
        padding: 7% 0 0 7% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        height: 34px !important;
    }

    /*
     * STORE DETAILS
     */
    body.nossas-lojas div.store-details-mob {
        margin-top: -18px !important;
    }

    body.nossas-lojas div.details-street {
        height: 96px !important;
    }

    body.nossas-lojas div.details-hour {
        width: 42.6% !important;
        height: 46px;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 41.4% !important;
    }

    body.nossas-lojas ul.products-list {
        padding: 0 0 0 20px !important;
    }

    body.nossas-lojas ul.products-list li {
        width: 47% !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 49% !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 585px !important;
    }

    body.nossas-lojas div#all_stores {
        margin-top: -496px !important;
    }

    /*
     * VA DE HAVAIANAS
     */

    body.nossas-lojas div.box-go-havaianas {
        top: 9.6% !important;
    }

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 15px !important;
    }

    body.nossas-lojas div.close a {
        top: 0px !important;
    }

    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 33% !important;
    }

}

@media only screen and (min-width: 595px) and (max-width: 598px) {

    /*
     * Menu & Submenu
     */

    #block-havaianas-havaianas-header ul#menu-header {
        left: -440px !important;
        width: 270px !important;
    }

    ul#submenu-header {
        left: -370px !important;
    }

    .a-group-other,
    .a-group1 {
        width: 65.6% !important;
    }

    .g-group1,
    .g-group-other {
        width: 66.6% !important;
    }

    .b-group-other,
    .b-group1 {
        width: 33.3% !important;
    }

    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
        width: 86.8% !important;
    }

    body.node-type-publicity-page div.dialog-description {
        width: 345px !important;
    }

    /*
     * OVERLAY PROPAGANDA
     */

    body.node-type-publicity-page .ui-dialog .ui-dialog-content {
        height: auto !important;
    }

    body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
        height: 170px !important;
    }

    /*
     * STORE LOCATOR
     */

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 7% 0 2% 7% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block {
        margin-top: 3px !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 585px !important;
    }

    /*
     * STORE DETAILS
     */

    body.nossas-lojas div.details-street {
        height: 140px !important;
    }

    body.nossas-lojas div.details-phone {
        width: 40.8% !important;
    }

    body.nossas-lojas div.details-hour {
        width: 55.45% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 55.06% !important;
    }

    body.nossas-lojas div.details-flipflop {
        width: 50.1% !important;
    }

    /*
    * VA DE HAVAIANAS
    */

    body.nossas-lojas div.box-go-havaianas {
        top: 9.6% !important;
    }

    body.nossas-lojas div.mob-feet,
    body.nossas-lojas div.mob-kcal {
        width: 370px !important;
    }

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 47px !important;
    }

    body.nossas-lojas div.close a {
        top: 4px !important;
    }

    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 33% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    /*
     * PROPAGANDA
     */

    body.node-type-publicity-page .principal {
        height: 300px !important;
    }

    /*
     * SUSTENTABILIDADE
     */

    body.node-type-sustainability .ui-dialog .ui-dialog-content,
    body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
        height: 180px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 0px !important;
    }

    /*
     * STORE LOCATOR
     */

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 7% 0 2% 7% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block {
        margin-top: 3px !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 625px !important;
    }

    /*
     * STORE DETAILS
     */

    body.nossas-lojas div.details-street {
        height: 165px !important;
    }

    body.nossas-lojas div.details-phone {
        width: 30.8% !important;
    }

    body.nossas-lojas div.details-hour {
        width: 56.5% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 55.06% !important;
    }

    body.nossas-lojas div.details-flipflop {
        width: 50.4% !important;
    }

    body.nossas-lojas div#all_stores {
        margin-top: -527px !important;
    }
}

@media only screen and (min-width: 624px) and (max-width: 843px) {
    /*
    * PROPAGANDA
    */
    html.no-touch body.node-type-publicity-page .principal {
        height: 274px !important;
    }
}

@media only screen and (min-width: 844px) and (max-width: 860px) {
    /*
    * PROPAGANDA
    */
    html.no-touch body.node-type-publicity-page .principal {
        height: 275px !important;
    }
}

@media only screen and (min-width: 861px) and (max-width: 1024px) {
    /*
    * PROPAGANDA
    */
    html.no-touch body.node-type-publicity-page .principal {
        height: 356px !important;
    }
}

@media only screen and (min-width: 359px) and (max-width: 360px) {

    div.highlights-default div.parts-highlight-odd {
        height:230px;
    }

    div.highlights-default div.parts-highlight-pair {
        height:230px;
    }

    div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted,
    div.view-highlight .highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted,
    div.view-highlight .highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted {
        top: 42%;
    }

    .highlighted-text-active .bt-cta .cta-ico,
    .highlighted .bt-cta a:hover .cta-ico,
    div.type-facebook div.parts-highlight-txt:hover span.cta-ico {
        display: none !important;
    }

    /*
     * INSTAGRAM E FACEBOOK
    */

    div.highdefault .parts-highlight-img div#prev:hover,
    div.highdefault .parts-highlight-img div#prev {
        background: url(/arquivos/sp-fbarrow-prev-mob.png) left 0 no-repeat;
    }

    div.highdefault .parts-highlight-img div#next:hover,
    div.highdefault .parts-highlight-img div#next {
        background: url(/arquivos/sp-fbarrow-next-mob.png) right 0 no-repeat;
    }

    /*
     * LOGO HAVAIANAS
     */
    #header #logo img {
        width: 79.99%;
        margin: 0;
    }

    div#logo #l-bglogo,
    div#logo #r-bglogo {
        height: 68px;
        top: 0;
        width: 60px;
    }

    div#logo #l-bglogo {
        border-radius: 0 0 0 39px;
        left: 1px;
    }

    div#logo #r-bglogo {
        border-radius: 0 0 38px 0;
        left: 37px;
    }
    div.parts-highlight-txt p.bt-cta a {
        background: url("/arquivos/cta-arrow-mob-s3.png") no-repeat scroll right center transparent;
        height: 13px;
        width: 3px;
    }
    div.box-prod-device h2 {
        font-size: 66px !important;
    }

    /*html.touch .region-header {
      right: 0 !important;
    } */

    #block-havaianas-havaianas-header div#menu-mobile {
        padding: 15px 5px 0 !important;
    }

    /*
     * FORMULARIO
     */

    body.node-type-contact-us h2 {
        font-size: 205%;
    }

    .customer-service .form-item {
        margin-right: 0 !important;
    }

    .customer-service .form-item-number {
        margin-right: 20px !important;
    }

    body.node-type-contact-us div.form-item-product-model input,
    body.node-type-contact-us div.form-item-home-phone input,
    body.node-type-contact-us div.form-item-cell-phone input,
    body.node-type-contact-us div.form-item-business-phone input,
    body.node-type-contact-us div.form-item-neighborhood input,
    body.node-type-contact-us div.form-item-city input,
    body.node-type-contact-us div.form-item-address input,
    body.node-type-contact-us div.form-item-product-owner-name input,
    body.node-type-contact-us div.form-item-name input,
    body.node-type-contact-us div.form-item-phone input,
    body.node-type-contact-us div.form-item-email input,
    body.node-type-contact-us fieldset#edit-social-number input,
    body.node-type-contact-us div.form-item-product-owner-social-number input {
        width: 295px !important;
    }

    div.form-item-message textarea,
    div.form-item-product-comments textarea {
        width: 305px !important;
    }

    .customer-service input.form-submit {
        float: left !important;
        clear: none !important;
    }

    div.box-contact,
    div.box-support {
        width: 305px !important;
    }

    div.box-hour,
    div.box-phone {
        width: 255px !important;
    }

    div.box-support p.txt-box span {
        margin-right: 5px !important;
    }

    .customer-service div.form-item-terms-and-condition-opt {
        margin-left: 75px;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper {
        width: 295px !important;
        background-position: 0 -136px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper:hover {
        background-position: 0 -169px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul,
    body.node-type-contact-us .jqTransformSelectWrapper ul {
        width: 295px !important;
    }

    .customer-service fieldset {
        width: 295px !important;
    }

    .customer-service #recaptcha_area,
    .customer-service #recaptcha_table {
        width: 280px!important;
    }

    .customer-service .recaptchatable #recaptcha_image {
        width: 260px !important;
    }

    .customer-service .recaptchatable #recaptcha_response_field {
        width: 175px !important;
    }

    .customer-service .recaptchatable a#recaptcha_reload_btn,
    .customer-service .recaptchatable a#recaptcha_reload_btn:hover {
        left: 185px;
    }

    .customer-service .recaptchatable a#recaptcha_switch_audio_btn,
    .customer-service .recaptchatable a#recaptcha_switch_audio_btn:hover {
        left: 215px;
    }

    .customer-service .recaptchatable a#recaptcha_whatsthis_btn,
    .customer-service .recaptchatable a#recaptcha_whatsthis_btn:hover {
        left: 255px;
    }

    .customer-service div.form-item-product-status div.form-item-product-status {
        margin-right: 30px !important;
    }

    /*
     * ESCRITORIOS INTERNACIONAIS
     */
    body.node-type-international-offices .tooltip-content {
        width: 325px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 0px !important;
    }

    /*
     * STORE LOCATOR
     */
    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 18% !important;
        height: 20px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 78% !important;
    }

    body.nossas-lojas div#user_location input#googlesearch:hover,
    body.nossas-lojas div#user_location input#googlesearch {
        background: url(/arquivos/btn-store-mob.png) 0 -1px no-repeat !important;
    }


    /*
     * VA DE HAVAIANAS
     */

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 17px !important;
    }

    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 32% !important;
    }

    /*
     * HISTORIA DA MARCA
     */

    div.bx-viewport {
        height: 482px !important;
    }

    div.history-item {
        height: 400px;
    }

    div.history-item div.history-item-left {
        height: 300px;
    }

    .highlights-default #first-block h2.collection {
        font-size: 235% !important;
    }

}

@media only screen and (min-width: 639px) and (max-width: 640px) {
    /*
     * LOGO HAVAIANAS
     */
    #header #logo img {
        width: 79.99%;
        margin: 0;
    }

    div#logo #l-bglogo,
    div#logo #r-bglogo {
        height: 68px;
        top: 0;
        width: 60px;
    }

    div#logo #l-bglogo {
        border-radius: 0 0 0 39px;
        left: 1px;
    }

    div#logo #r-bglogo {
        border-radius: 0 0 38px 0;
        left: 37px;
    }

    /*
     * FORMULARIO
     */

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper {
        width: 535px !important;
        background-position: 0 -204px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper,
    body.node-type-contact-us .jqTransformSelectWrapper:hover {
        background-position: 0 -238px !important;
    }

    body.node-type-contact-us .form-item-product-size .jqTransformSelectWrapper ul,
    body.node-type-contact-us .jqTransformSelectWrapper ul {
        width: 535px !important;
    }

    .customer-service fieldset {
        width: 535px !important;
    }

    body.node-type-contact-us div.form-item-product-model input,
    body.node-type-contact-us div.form-item-home-phone input,
    body.node-type-contact-us div.form-item-cell-phone input,
    body.node-type-contact-us div.form-item-business-phone input,
    body.node-type-contact-us div.form-item-neighborhood input,
    body.node-type-contact-us div.form-item-city input,
    body.node-type-contact-us div.form-item-address input,
    body.node-type-contact-us div.form-item-product-owner-name input,
    body.node-type-contact-us div.form-item-name input,
    body.node-type-contact-us div.form-item-phone input,
    body.node-type-contact-us div.form-item-email input,
    body.node-type-contact-us fieldset#edit-social-number input,
    body.node-type-contact-us div.form-item-product-owner-social-number input {
        width: 535px !important;
    }

    div.form-item-message textarea,
    div.form-item-product-comments textarea {
        width: 545px !important;
    }

    div.box-contact,
    div.box-support {
        width: 535px !important;
    }

    div.box-hour,
    div.box-phone {
        width: 485px !important;
    }

    /*
     * REVENDA
     */

    body.node-type-resale div.form-type-markup label {
        width: 530px !important;
    }

    body.node-type-resale div.form-item-address input,
    body.node-type-resale div.form-item-neighborhood input,
    body.node-type-resale div.form-type-markup input,
    body.node-type-resale div.form-item-mail input,
    body.node-type-resale div.form-item-responsible input,
    body.node-type-resale div.form-item-company input,
    body.node-type-resale div.form-item-cell-phone input,
    body.node-type-resale div.form-item-phone input,
    body.node-type-resale div.form-item-cnpj input,
    body.node-type-resale div.form-item-state input,
    body.node-type-resale div.form-item-city input,
    body.node-type-resale div.form-item-branch-of-activity input {
        width: 520px !important;
    }

    body.node-type-resale div.form-item-stores input,
    body.node-type-resale div.form-item-zipcode input {
        width: 100px !important;
    }

    body.node-type-resale div.form-item-other-informations textarea,
    body.node-type-resale div.form-item-brands textarea {
        width: 530px !important;
    }

    body.node-type-resale div.form-item-brands label {
        width: 460px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: -230px !important;
    }

    /*
     * ESCRITORIOS INTERNACIONAIS
     */
    body.node-type-international-offices .tooltip-content {
        width: 575px !important;
    }

    /*
     * SUSTENTABILIDADE
     */
    body.node-type-sustainability .ui-dialog .ui-dialog-content,
    body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
        height: 180px !important;
    }

    /*
     * PROPAGANDA
     */
    body.node-type-publicity-page .ui-dialog .ui-dialog-content {
        height: 288px !important;
    }

    body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
        height: 200px !important;
    }

    /*
     * VA DE HAVAIANAS
     */

    /*body.nossas-lojas div.box-go-havaianas div.close a {
      top: 70px !important;
    }*/

    body.nossas-lojas div.mob-feet,
    body.nossas-lojas div.mob-kcal {
        width: 370px !important;
    }

    body.nossas-lojas div.box-go-havaianas {
        top: 9.6% !important;
    }

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 47px !important;
    }

    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 32% !important;
    }


}

@media only screen and (min-width: 320px) and (max-width: 360px) {

    .highlights-default #first-block h2.collection,
    .highlights-default #first-block p {
        font-size: 180% !important;
    }

    /*
    * GRID PRODUTOS
    */

    div.products-page-wrapper .tpl-1 {
        background-position: center -125px !important;
    }

    .tpl-3,
    .tpl-4,
    .tpl-5 {
        height: 515px !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    div#flip-flops .tpl-3,
    div#flip-flops .tpl-4,
    div#flip-flops .tpl-5 {
        /*height: 410px !important;*/
        height: 480px !important;
        padding-top: 0;
    }

    .tpl-1 .slide {
        top: 10px !important;
    }

    .tpl-1 .wrapper {
        width:320px !important;
        height:209px !important;
    }

    .tpl-3 .wrapper,
    .tpl-4 .wrapper,
    .tpl-5 .wrapper {
        width: 320px !important;
        height: 256px !important;
    }

    /*
    * CAIXA TEXTO
    */

    div.box-prod-device {
        margin-left: 25px !Important;
    }

    div.box-prod-device h2 {
        font-size: 60px !important;
    }

    div.tpl-prod:first-child  div.box-prod-device h2 {
        padding-top: 30px !important;
    }

    /*
    * PRODUTOS/ILUSTRAÇÕES
    */

    /*
    * TPL-1
     */
    .tpl-1 img:nth-child(2){
        left:128px !important;
    }
    .tpl-1 img:nth-child(3){
        top:33px !important;
        right:17px !important;
    }
    .tpl-1 img:nth-child(5){
        left:48px !important;
    }
    .tpl-1 img:nth-child(6){
        top:64px !important;
    }
    .tpl-1 img:nth-child(7){
        top:64px !important;
        left:80px !important;
    }

    /*
    * TPL-3
     */
    .tpl-3 img:nth-child(2){
        left:-16px !important;
        top: 16px !important;
    }
    .tpl-3 img:nth-child(3){
        right:32px !important;
    }
    .tpl-3 img:nth-child(4){
        bottom:47px !important;
        right:112px !important;
    }
    .tpl-3 img:nth-child(5){
        left:-32px !important;
        bottom: 16px !important;
    }
    .tpl-3 img:nth-child(6){
        left:68px !important;
    }
    .tpl-3 img:nth-child(8){
        left:16px !important;
    }

    /*
    * TPL-4
     */
    .tpl-4 img:nth-child(2){
        left:-16px !important;
    }
    .tpl-4 img:nth-child(3){
        right:112px !important;
    }
    .tpl-4 img:nth-child(4){
        bottom:80px !important;
        right:-32px !important;
    }
    .tpl-4 img:nth-child(5){
        left:122px !important;
    }
    .tpl-4 img:nth-child(6){
        right:16px !important;
    }
    .tpl-4 img:nth-child(8){
        bottom:64px !important;
        left:96px !important;
    }

    .tpl-4 img:nth-child(9){
        bottom:0 !important;
    }

    /*
    * TPL-5
     */

    .tpl-5 img:nth-child(2){
        left:0 !important;
    }
    .tpl-5 img:nth-child(3){
        top:16px !important;
        right:80px !important;
    }
    .tpl-5 img:nth-child(4){
        bottom: 80px !important;
        right:-16px !important;
    }
    .tpl-5 img:nth-child(5){
        bottom:16px !important;
        left:112px !important;
    }
    .tpl-5 img:nth-child(6){
        left:77px !important;
    }
    .tpl-5 img:nth-child(8){
        bottom:77px !important;
        right:87px !important;
    }
    .tpl-5 img:nth-child(10){
        bottom:0 !important;
    }

}

@media only screen and (min-width: 321px) and (max-width: 360px) {
    /*
     * REVENDA
     */

    body.node-type-resale div.form-type-markup label {
        width: 290px !important;
    }

    body.node-type-resale div.form-item-address input,
    body.node-type-resale div.form-item-neighborhood input,
    body.node-type-resale div.form-type-markup input,
    body.node-type-resale div.form-item-mail input,
    body.node-type-resale div.form-item-responsible input,
    body.node-type-resale div.form-item-company input,
    body.node-type-resale div.form-item-cell-phone input,
    body.node-type-resale div.form-item-phone input,
    body.node-type-resale div.form-item-cnpj input,
    body.node-type-resale div.form-item-state input,
    body.node-type-resale div.form-item-city input,
    body.node-type-resale div.form-item-branch-of-activity input {
        width: 290px !important;
    }

    body.node-type-resale div.form-item-stores input,
    body.node-type-resale div.form-item-zipcode input {
        width: 100px !important;
    }

    body.node-type-resale div.form-item-other-informations textarea,
    body.node-type-resale div.form-item-brands textarea {
        width: 300px !important;
    }

    body.node-type-resale div.form-item-brands label {
        width: 230px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 0px !important;
    }

    /*
     * SUSTENTABILIDADE
     */

    body.node-type-sustainability header h2#page-title {
        margin-top: -40px !important;
    }

    body.node-type-sustainability #main-content-header {
        background-position: center 15px !important;
    }

    body.node-type-sustainability section#main-content div#content {
        margin-top: -40px;
    }

    /*
     * STORE LOCATOR
     */

    body.nossas-lojas #over_map_left {
        top: 99px !important;
    }

    body.nossas-lojas #user_location {
        height: 40px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 70% !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 19% !important;
        height: 35px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 10% 0 0 7% !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 570px !important;
    }

    /*
     * STORE DETAILS
     */

    body.nossas-lojas div.details-phone {
        width: 27.3% !important;
    }



    body.nossas-lojas div.details-hour {
        width: 50% !important;
    }

    body.nossas-lojas ul.products-list {
        padding: 0 0 0 20px !important;
    }

    body.nossas-lojas ul.products-list li {
        width: 140px !important;
    }

    body.nossas-lojas div.details-street {
        height: 88px !important;
    }

    body.nossas-lojas div.details-flipflop {
        width: 50.8% !important;
    }


    /*
     * DESKTOP
     */
    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 74% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 47% !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 48.9% !important;
    }

    /*
    * HISTORIA
    */
    .history-box img {
        position: relative;
        top: 10px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 379px) {
    /*
    * STORE LOCATOR
    */
    html.no-touch body.nossas-lojas #over_map_left {
        top: 99px !important;
    }

    html.no-touch body.nossas-lojas #user_location {
        height: 40px !important;
    }

    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 19% !important;
        height: 46px !important;
    }

    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 14% 0 0 7% !important;
    }

    html.no-touch body.nossas-lojas div#map_canvas {
        height: 540px !important;
    }

    /*
     * STORE DETAILS
     */

    html.no-touch body.nossas-lojas div.details-phone {
        width: 26% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 48.3% !important;
    }

    html.no-touch body.nossas-lojas ul.products-list {
        padding: 0 0 0 20px !important;
    }

    html.no-touch body.nossas-lojas ul.products-list li {
        width: 140px !important;
    }

    html.no-touch body.nossas-lojas div.details-street {
        height: 78px !important;
    }

    /*
    * HISTORIA
    */
    .history-box img {
        position: relative;
        top: 10px;
    }

    /*
     * DESKTOP
     */
    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 74% !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 50.1% !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 48.9% !important;
    }
}

@media only screen and (min-width: 385px) and (max-width: 510px) {
    /*
     * STORE LOCATOR
     */

    html.no-touch body.nossas-lojas form#google_maps_form {
        margin-top: 10px !important;
    }

    html.no-touch body.nossas-lojas div#map_canvas {
        height: 434px !important;
    }

    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        padding: 7% 0 0 7% !important;
    }

    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        height: 34px !important;
    }

    /*
     * STORE DETAILS
     */
    html.no-touch body.nossas-lojas div.store-details-mob {
        margin-top: -3px !important;
    }

    html.no-touch body.nossas-lojas div.details-street {
        height: 96px !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 42.6% !important;
    }
    html.no-touch body.nossas-lojas div.details-hour {
        width: 41.4% !important;
    }

    html.no-touch body.nossas-lojas ul.products-list {
        padding: 0 0 0 20px !important;
    }

    html.no-touch body.nossas-lojas ul.products-list li {
        width: 47% !important;
    }

    html.no-touch body.nossas-lojas div.details-rotes {
        width: 49% !important;
    }

    html.no-touch body.nossas-lojas div#map_canvas {
        height: 540px !important;
    }
}

@media only screen and (min-width: 511px) and (max-width: 596px) {
    html.no-touch body.nossas-lojas div.details-street {
        height: 127px !important;
    }

    html.no-touch body.nossas-lojas div.details-hour {
        width: 52.6% !important;
    }

    body.nossas-lojas div#all_stores {
        margin-top: -464px !important;
    }
}

@media only screen and (min-width: 595px) and (max-width: 598px) {
    /*
   * STORE DETAILS
   */

    body.nossas-lojas div.details-street {
        height: 145px !important;
    }

    body.nossas-lojas div.details-phone {
        width: 40% !important;
    }

    body.nossas-lojas div.details-hour {
        width: 46.2% !important;
    }

    body.nossas-lojas div.details-flipflop {
        width: 50.1% !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1270px) {
    html.Safari .b-group1 {
        margin-bottom: 0.5% !important;
    }
}

/*
 * Correções Chrome S3/S4
 */

@media only screen and (min-width: 359px) and (max-width: 360px) {

    body.node-type-publicity-page .a-group1 {
        margin-right: 1.3% !important;
    }

    body.node-type-publicity-page .b-group1 {
        width: 32.9% !important;
    }

    body.node-type-publicity-page .g-group1 {
        width: 66.7% !important;
    }

    body.node-type-publicity-page .b-group-other {
        width: 33.4%;
    }

    body.node-type-publicity-page .g-group-other {
        width: 66.6% !important;
    }

    /*
     * STORE LOCATOR
     */
    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        width: 18% !important;
        height: 39px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 75% !important;
        height: 30px !important;
    }

    body.nossas-lojas div.details-hour {
        width: 49.8% !important;
        height: 46px;
    }

    body.nossas-lojas div.details-hour td {
        height: 45px !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 48.6% !important;
    }

    body.nossas-lojas div.store-details-mob div.close a,
    body.nossas-lojas div.store-details-mob div.close a:hover,
    body.nossas-lojas div.store-details-mob div.back-top-mob {
        margin: 0 !important;
    }

}

@media only screen and (min-width: 639px) and (max-width: 640px) {

    body.node-type-publicity-page .a-group1 {
        margin-right: 1.3% !important;
    }

    body.node-type-publicity-page .b-group1 {
        width: 32.9% !important;
    }

    body.node-type-publicity-page .g-group1 {
        width: 66.7% !important;
    }

    body.node-type-publicity-page .b-group-other {
        width: 33.4%;
    }

    body.node-type-publicity-page .g-group-other {
        width: 66.6% !important;
    }

    /*
    * STORE LOCATOR
    */

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        height: 32px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 76% !important;
    }

    body.nossas-lojas div.details-hour {
        width: 56.3% !important;
    }

    body.nossas-lojas div.details-hour td {
        height: auto !important;
    }

    body.nossas-lojas div.details-rotes {
        width: 49.2% !important;
    }

}

@media only screen and (min-width:319px) and (max-width:320px) {

    /*#block-havaianas-havaianas-header ul#menu-header {
      right: -15px !important;
    }*/

    #block-havaianas-havaianas-header ul#menu-header {
        left: -200px !important;
        width: 210px !important;
    }

    ul#submenu-header {
        left: -160px !important;
    }

    body.node-type-publicity-page div#dialog p {
        padding: 10px 5px;
    }


    /*
     * REVENDA
     */

    body.node-type-resale div.form-type-markup label {
        width: 255px !important;
    }

    body.node-type-resale div.form-item-address input,
    body.node-type-resale div.form-item-neighborhood input,
    body.node-type-resale div.form-type-markup input,
    body.node-type-resale div.form-item-mail input,
    body.node-type-resale div.form-item-responsible input,
    body.node-type-resale div.form-item-company input,
    body.node-type-resale div.form-item-cell-phone input,
    body.node-type-resale div.form-item-phone input,
    body.node-type-resale div.form-item-cnpj input,
    body.node-type-resale div.form-item-state input,
    body.node-type-resale div.form-item-city input,
    body.node-type-resale div.form-item-branch-of-activity input {
        width: 250px !important;
    }

    body.node-type-resale div.form-item-stores input,
    body.node-type-resale div.form-item-zipcode input {
        width: 100px !important;
    }

    body.node-type-resale div.form-item-other-informations textarea,
    body.node-type-resale div.form-item-brands textarea {
        width: 260px !important;
    }

    body.node-type-resale div.form-item-brands label {
        width: 230px !important;
    }

    body.node-type-resale .textarea-counter {
        margin-right: 40px !important;
    }

    /*
     * Store Locator
     */

    body.nossas-lojas div.box-go-havaianas {
        box-shadow: none !important;
    }

    body.nossas-lojas div#user_location input#addressInput {
        font-size: 10px !important;
    }

    body.nossas-lojas div#user_location input#googlesearch {
        background: url(/arquivos/btn-store-mob.png) 0 0 no-repeat !important;
        height: 26px !important;
        width: 22px !important;
    }

    body.nossas-lojas div.ui-resizable .ui-widget-header .ui-dialog-titlebar-close {
        margin-right: 55px;
    }


    /*
    * VA DE HAVAIANAS
    */

    body.nossas-lojas div.box-go-havaianas {
        top: 9.6% !important;
    }

    body.nossas-lojas div.mob-feet,
    body.nossas-lojas div.mob-kcal {
        width: 320px;
    }

    body.nossas-lojas div.mob-feet {
        padding-top: 10px;
    }

    body.nossas-lojas p.feet-txt {
        width: 18% !important;
    }

    body.nossas-lojas div.subox-feet p.txt-bl1 {
        margin-left: 0px !important;
    }

    body.nossas-lojas div.close a {
        top: 9px !important;
    }

    /*body.nossas-lojas div.box-go-havaianas div.close a {
      top: 91px !important;
    }*/

    body.nossas-lojas div.subox-kcal p.txt-bl2 {
        margin-right: 0 !important;
    }

    body.nossas-lojas p.txt-store {
        width: 34% !important;
    }

    body.nossas-lojas p.txt-store {
        font-size: 59% !important;
    }

    /*
     * HISTORIA DA MARCA
     */

    div.bx-viewport {
        height: 440px !important;
    }

    div.history-item {
        height: 400px;
    }

    div.history-item div.history-item-left {
        height: 300px;
    }

    div.history-item-right p.history-item-desc {
        width: 58% !important;
        padding: 10px 10px 8px !important;
        font-size: 45% !important;
    }

    div.history-item-right span.history-item-year {
        font-size: 310%;
    }

    div.history-item-right span.history-item-year {
        font-size: 410%;
        padding-top: 25px !important;
    }




}

/*
 * SOLUCAO DESKTOP RESIZE
 */

@media only screen and (min-width:599px) and (max-width:638px) {

    html.no-touch body.nossas-lojas div.details-rotes {
        width: 49.2% !important;
    }

}

@media only screen and (min-width:595px) and (max-width:598px) {

    html.no-touch body.nossas-lojas div.details-hour {
        width: 45.8% !important;
    }

}

@media only screen and (min-width:511px) and (max-width:594px) {

    html.no-touch body.nossas-lojas div.details-rotes {
        width: 49.1% !important;
    }

}

@media only screen and (min-width:321px) and (max-width:360px) {

    html.no-touch body.nossas-lojas div.details-hour {
        width: 45.7% !important;
    }

    html.no-touch body.nossas-lojas div.details-flipflop {
        width: 50.4% !important;
    }

}

@media only screen and (min-width:385px) and (max-width:480px) {
    html.no-touch body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 78% !important;
    }

    html.no-touch body.nossas-lojas div.store-details-mob {
        margin-top: -20px !important;
    }

    body.nossas-lojas div#map_canvas {
        height: 580px !important;
    }
}

@media only screen and (min-width:639px) and (max-width:640px) {
    /*body.nossas-lojas div.box-go-havaianas div.close a {
      top: 89px !important;
    }*/

    body.nossas-lojas div#user_location div.all-store-block p.lnk-all-store {
        width: 75% !important;
        height: 22px !important;
    }

    body.nossas-lojas div#user_location div.all-store-block p.lnk-icon {
        height: 37px !important;
    }
}

@media only screen and (min-width:641px) and (max-width:1056px) {

    html.no-touch div.history-item div.history-item-right {
        width: 33% !important;
    }

    html.no-touch body.node-type-publicity-page div.dialog-year p {
        font-size: 280%;
        padding-top: 10% !important;
    }

    html.no-touch body.node-type-publicity-page div.dialog-description {
        width: 86.9%;
    }
}

@media only screen and (min-width:1026px) and (max-width:1366px) {
    .tpl-1 .slide {
        margin-top: 50px !important;
    }
}

@media only screen and (min-width:567px) and (max-width:568px) {

    /*
     * Menu & Submenu
     */

    #block-havaianas-havaianas-header ul#menu-header {
        left: -440px !important;
        width: 270px !important;
    }

    ul#submenu-header {
        left: -370px !important;
    }

}

@media only screen and (min-width:1057px) and (max-width:1279px) {
    html.no-touch body.node-type-publicity-page div.dialog-description {
        width: 87%;
    }
}

@media only screen and (min-width:641px) and (max-width:1022px) {
    html.no-touch body.node-type-publicity-page div.dialog-description {
        width: 79%;
    }
}

@media only screen and (min-width:1440px) and (max-width:1500px) {
    html.no-touch.Firefox body.node-type-international-offices .tooltip-content p.phone span {
        margin-top: 0;
    }
}


.politica-de-privacidade #main-content {
  padding: 20px 0;
}