/*
 *   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
 */

.container.page {
  overflow: hidden;
}

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

div#block-havaianas-havaianas-user-languages,
div#admin-menu {
  display: none;
}
div.like_buttons {
  bottom: 5px;
}
body.admin-menu div.geoshow {
    padding-top: 0;
}

/* Increase the default font size on small touch devices */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/*
 * LOGO
 */

#logo img {
	width: 80%;
	margin: 0;
}

#l-bglogo {
  border-radius: 0 0 0 39px;
}
#l-bglogo, #r-bglogo {
  height: 70px;
  top: 0;
}

#r-bglogo {
  border-radius: 0 0 38px 0;
  left: 37px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

#header {
  height: 50px;
}

#block-havaianas-havaianas-header {
  position: relative;
}

/*.region-header {
  float: right;
}

#block-havaianas-havaianas-header div#menu-mobile {
  float: left;
  height: 40px;
  padding: 13px 0 0;
  width: auto;
}

#block-havaianas-havaianas-header div#menu-mobile:hover,
#block-havaianas-havaianas-header div.menu-clicked {
  background-color: #272b3a;
}

#block-havaianas-havaianas-header div#menu-mobile:hover p,
#block-havaianas-havaianas-header div.menu-clicked span {
  background-color: #272b3a;
  color: #fafae6;
  font-family: "ProximaNova-Bold", Tahoma;
  font-weight: normal;
}

#block-havaianas-havaianas-header div.menu-clicked-off,
#block-havaianas-havaianas-header div.menu-clicked-off:hover,
#block-havaianas-havaianas-header div.menu-clicked-off:hover p,
#block-havaianas-havaianas-header div.menu-clicked-off:focus,
#block-havaianas-havaianas-header div.menu-clicked-off:hover span.triangulo {
  background: none !important;
  color: #272b3a !important;
  border-color:#272b3a transparent transparent transparent !important;
}

#block-havaianas-havaianas-header div#menu-mobile:hover span.triangulo,
#block-havaianas-havaianas-header div.menu-clicked span.triangulo {
  border-color:#fafae6 transparent transparent transparent;
}

#block-havaianas-havaianas-header div#menu-mobile p {
  position: relative;
  font-family: "ProximaNova-Bold", Tahoma;
  font-weight: normal;
  font-size: 100%;
  color: #272b3a;
  cursor: pointer;
}

#block-havaianas-havaianas-header span {
  margin-right: 20px;
}

#block-havaianas-havaianas-header span.triangulo {
  border-color:#272b3a transparent transparent transparent;
  border-width:5px;
  border-style:solid;
  position: absolute;
  right: 0;
  top: 9px;
  margin-right: 0;
}*/

/*
 * DROP DOWN MENU
 */

#logo {
  margin-left: 10px;
}


#block-havaianas-havaianas-header ul#menu-header {
  /*background-color: #272B3A;
  min-height: 70px;
  padding: 0;
  width: 185px;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 999;
  margin: 0;*/
  margin: 0;
  width: 200px;
  padding: 0;
  position: absolute;  
  top: 10px;
  z-index: 999;  
}

html.no-touch #block-havaianas-havaianas-header ul#menu-header {
	left: -30px !important;
}

html.touch #block-havaianas-havaianas-header ul#menu-header {
	left: -230px;
}

#block-havaianas-havaianas-header ul#menu-header li {
  /*border-bottom: 1px solid #51555F;
  height: 50px;
  text-align: center;
  width: 185px;
  list-style: none;*/
  padding: 7px;
  float: left;
  list-style: none;
}

#block-havaianas-havaianas-header ul#menu-header li:last-child {
  border: none;
}

#block-havaianas-havaianas-header ul#menu-header a {
  color: #272a3a;
  font-size: 55%;  
  /*display: block ;
  height: 33px;
  margin: 0;
  padding: 17px 0 0;
  width: 185px;*/  
  text-decoration: none;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold", Tahoma;
}

/*
 * DESTAQUE PRINCIPAL
 */

.cycle-slides {
  height: 0 !important;
  padding-bottom: 75%;
}

.highlighted div.img,
.highlighted div.txt-highlighted {
  padding-bottom: 50%;
}

.highlighted div.img {
  width: 100%;
}

.highlighted div.txt-highlighted {
  width: 100%;
  height: 0;
  padding-bottom: 25%;
}

.txt-highlighted p.bt-cta {
  position: absolute;
  bottom: 8px;
  right: 0;
}

.txt-highlighted h2 {
  font-size: 70%;
  margin: 8px 10px 5px;
}

.highlighted .txt-highlighted p.txt-content {
  font-size: 50%;
  width: 65%;
  margin: 0 10px;
  overflow: hidden;
}

.highlighted p.bt-cta a {
  font-size: 71%;
}

p.bt-cta a {
  background: url("../images/cta-arrow-mob.png") no-repeat scroll right center transparent;
  display: block;
  padding-right: 10px;
  text-decoration: none;
  height: 15px;
}

.highlighted-video .btn-video {
  background: url(../images/btn-hightlighted-video-mob.png) center center no-repeat;
}

html.Safari .highlighted div.img {
  width: 100%;
}

/*
 * ALLTYPE
 */

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

.highlighted .highlighted-tpl-fun h2,
.highlighted .highlighted-tpl-institutional h2,
.highlighted .highlighted-tpl-estampa h2 {
  font-size: 100%;
  line-height: 20px;
}

.highlighted .highlighted-tpl-institutional h2 {
  width: 90%;
}

.highlighted .highlighted-tpl-fun p,
.highlighted .highlighted-tpl-institutional p,
.highlighted .highlighted-tpl-estampa p {
  font-size: 80%;
  line-height: 15px;
  width: 60%;
}

.highlighted .highlighted-tpl-fun p {
  width: 50%;
}

/*
 * CAROUSEL (MENU)
 */

div#nav-featured a.bullet,
div#nav-featured a.activeSlide,
div#control a {
  float: left;
  margin-right: 6px;
}

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

.view-content > div#control {
  right: 24%;
}

/*
 * OVER-DESTAQUE
 */

.highlighted div.over-highlighted {
 bottom: 33%;
 right: 4%;
 display: none;
}

.highlighted p.triangulo {
  display: none;
}

.highlighted p.triangulo-mobile {
  border-color: transparent transparent orange transparent;
}

.highlighted p.bg-triangulo {
  background: url("../images/triangulo-mobile.png") no-repeat scroll 0 0 transparent;
  bottom: -2px;
  display: block;
  height: 10px;
  position: absolute;
  right: -23px;
  width: 19px;
}

/*
 * DESTAQUE PADRAO
 */

div.parts-highlight-odd {
  float: left;
  /*width: 40.6%;*/
  width: 41.4%;
  /*height:246px;*/
  height:356px;
  margin: 0.5% 0;
}

.highlights-default #first-block {
    width: 41.5%;
}

div.parts-highlight-pair {
  float: right;
  width: 57.8%;
  /*height:246px;*/
  height:356px;
  margin: 0.5% 0;
}

.highlights-default div.parts-highlight-pair div#over-trap,
.highlights-default div.parts-highlight-odd div#over-trap {
  display: none;
}

.parts-highlight-txt h3 {
  font-size: 65%;
  line-height: 12px;
}

.parts-highlight-txt-description {
  font-size: 60%;
  line-height: 11px;
  height: 60px;
  padding: 5px 10px 0;
  overflow: hidden;
}

/*.parts-highlight-txt-description:after {
  content: "...";
}*/

.parts-highlight-txt-title {
  padding: 8px 10px 0;
}

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

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

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

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

html.Android div.parts-highlight-txt p.bt-cta a {
  display: block;
  width: 60px;
}

html.BrowserAndroid-43 div.parts-highlight-txt p.bt-cta a,
html.BrowserAndroid-42 div.parts-highlight-txt p.bt-cta a,
html.BrowserAndroid-41 div.parts-highlight-txt p.bt-cta a,
html.BrowserAndroid-40 div.parts-highlight-txt p.bt-cta a {
  width: auto;
}

div.parts-highlight-txt span.cta-ico {
  background: url("../images/sp-btns-cta.png") no-repeat scroll 0 6px transparent;
  height: 17px;
}

div.parts-highlight-txt p.bt-cta {
  bottom: 10px;
  font-size: 77%;
  right: -10px;
}

/*
 * TRIANGULO
 */

.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-odd div.over-highlighted {
  background-color: transparent;
  right: 15%;
  top: 44%;
  position: absolute;
  width: 8%;
}

.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%;
}

.highlights-default div.line_odd div.line_odd_normal div.parts-highlight-pair div.over-highlighted {
  background-color: transparent;
  right: 10%;
  top: 44%;
  position: absolute;
  width: 6%;
}

.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: 50%;
  position: absolute;
  width: 8%;
}

.highlights-default div.line_pair div.line_pair_reverse div.parts-highlight-odd div.over-highlighted {
  background-color: transparent;
  top: 44%;
  right: 15%;
  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: 50%;
  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;
}

/*
 * INSTAGRAM E FACEBOOK
 */

.parts-highlight-img div#prev:hover,
.parts-highlight-img div#prev {
  background: url(../images/sp-fbarrow-prev-tablet.png) left 0 no-repeat;
}

.parts-highlight-img div#next:hover,
.parts-highlight-img div#next {
  background: url(../images/sp-fbarrow-next-tablet.png) right 0 no-repeat;
}


/*
 * SITE INTERNACIONAL
 */

body.node-type-international-sites-page section header {
  margin-top: 70px;
}

/*
 * DISABLE OVER SITE
 */

div.highdefault:hover .bt-cta a,
div.highdefault p.bt-cta a:hover {
  color: #FAFAE6;
  background: url("../images/cta-arrow.png") no-repeat scroll right center transparent;
  display: inline;
  opacity: 1;
  height: 15px;
}

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

/*
 * FOOTER
 */

div.copyright_menu,
div.social_menu,
div.institutional_menu {
  margin: 0 auto;
  min-height: 30px;
  width: 100%;
}

div.copyright_menu {
  padding-top: 5px;
}

div.social_menu {
  padding: 5px 0;
}

#footer .ln-divisor-mob {
  display: block;
  width: 90%;
  border-bottom: 1px solid #51555F;
  margin: 0 auto;
  height: 1px;
}

div.copyright_menu ul,
div.social_menu ul,
div.institutional_menu ul {
  margin: 0;
  min-height: 20px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

div.copyright_menu li,
div.social_menu li,
.institutional_menu_items li {
  display: inline;
  list-style: none outside none;
  margin-right: 15px;
}

#footer ul.copyright_menu_items li:nth-child(2) a {
  border: none;
  margin-right: 0;
  padding-right: 0;
}

div.social_menu > li:last-child,
.institutional_menu_items > li:last-child {
  margin-right: 0;
}


table#social_menu_items td.follow-us p {
  font-size: 85%;
}

#footer li.copyright,
#footer ul.copyright_menu_items a,
#footer li,
#footer a {
  font-size: 75%;
  position: relative;
}

li#flag a {
  padding-left: 40px;
}

li#flag a p {
  height: 13px;
  left: 20px;
  margin: 0 auto;
  position: absolute;
  top: -2px;
  width: 13px;
}

html.iPad #footer li,
html.iPhone #footer a {
  font-size: 70% !important;
}

#footer div.copyright_menu li {
  font-size: 100%;
  margin: 0;
}

#footer div.copyright_menu li.copyright {
  font-size: 75%;
}

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

div.copyright_menu li.copyright {
    display: block;
    padding-top: 10px;
}

ul.copyright_menu_items a {
  text-decoration: none;
}

#footer ul.copyright_menu_items li:nth-child(2) a {
  border-right: none;
}

#footer li#contact > a,
#footer li#institutional > a {
  padding-right: 10px;
}

/*
 * FOOTER - SUBMENU
 */

#footer ul#contact-sub-items,
#footer ul#institutional-sub-items {
  bottom: 16px;
  width: 120px;
}

#footer ul#contact-sub-items li,
#footer ul#institutional-sub-items li {
  width: 120px;
}

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

#footer ul#contact-sub-items li:hover,
#footer ul#institutional-sub-items li:hover {
  width: 120px;
}

#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: 120px;*/
  width: 160px;
  /*left: -30px;*/
}

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

#footer ul.institutional_menu_items li {
  margin-right: 15px;
}

#footer div.social_menu ul,
#footer div.institutional_menu ul {
  margin-left:auto;
  margin-right:auto;
  width:99%;
}

.clear {
  clear: both;
}

.over-dstpdr {
    display: none;
}

/*
 * PRE HOME
 */

.highlights-default #first-block h2.collection,
.highlights-default #first-block p {
  font-size: 210%;
}

html.iPhone .highlights-default #first-block p {
  font-size: 110% !important;
}

/*
 * PRODUTO - HEADER
 */

div.products-page-wrapper div.header {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  height: 230px;
  z-index: 12;
  position: relative;
}

div.products-page-wrapper div.header h2 {
  clear: both;
  display: block;
  padding: 0;
  margin:0;
  position: absolute;
  text-transform: uppercase;
  top: 60px;
  width: 100%;
  font-family: 'AlternateGothic1' !important;
  text-align: center;
  letter-spacing: 2px;
  word-spacing: 4px;
  line-height: 1em;
  color: #0db2b0;
  font-weight:normal;
  font-size: 66px;
  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;
}

body.node-type-products-page #footer div.copyright_menu,
body.node-type-products-page #footer div.ln-divisor-mob {
  display: none;
}

/*
 * GRID PRODUTOS
 */

.tpl-prod {
  /*margin-top: 50px;*/
  position: relative;
}

.prod-first-header {
  margin-top: -100px !important;
  padding: 0;
}

.tpl-1 {
  overflow: hidden;
  height: 675px;
  /*background-position: center -10px !important;
  padding-top: 25px;*/
  padding-top: 0;
}

body.node-type-products-page .products-page-wrapper .tpl-1 {
  /*background-attachment: scroll !important;*/
}

.tpl-3,
.tpl-4,
.tpl-5 {
  overflow: hidden;
  /*height: 800px;*/
  height: 750px;
  padding-top: 50px;
}

.tpl-1 .slide {
  width:100%;
  height:auto;
  position: absolute;
  /*top: 250px;*/
  top: 100px;
  overflow: hidden;
}

.tpl-3 .slide,
.tpl-4 .slide,
.tpl-5 .slide {
  width:100%;
  height:750px;
  /*height:700px;*/
  overflow: hidden;
}

.wrapper {
  margin:0 auto;
  position:relative;
}

.tpl-1 .wrapper {
  width:640px;
  height:417px;
}

.tpl-3 .wrapper,
.tpl-4 .wrapper,
.tpl-5 .wrapper {
  width: 600px;
  height: 480px;
}

/*
 * CAIXA TEXTO
 */

div.box-prod,
img.grid-desktop,
img.grid-tablet {
  display: none;
}

div.box-prod-device {
  height: 150px;
  /*width: 400px;*/
  width: 90%;
  display: table;
  margin-left: 30px;
  margin-top: 20px;
  z-index: 10;
}

div.box-prod-device div.cell {
  display: table-cell;
  vertical-align: middle;
}

div.box-prod-device 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: 66px;
  text-transform: uppercase;
  font-family: 'GarageGothic-Regular' !important;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 55px;
}

div.box-prod-device h2 strong {
  font-family: 'GarageGothic-Bold' !important;
  font-weight: normal;
}

div.box-prod-device p {
  color: #1e2943;
  font-size: 12px;
  font-family: 'Tahoma';
  line-height: 16px;
  letter-spacing: 1.5px;
  margin: 10px 0;
  padding: 0;
   position: relative;
}

div.box-prod-device 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.iPhone div.box-prod-device p.btn-prod {
	width: 72px;
}

div.box-prod-device 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-device p.btn-prod 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.iPhone div.box-prod-device p.btn-prod a {
	font-size: 12px !important;
}

/*
 * PRODUTOS/ILUSTRAÇÕES
 */

/*img.ft-ilustra {
  width: 250px;
  height: 250px;
}*/

/*
 * TPL-1
 */
/*.tpl-1 img.ft-prod {
  height: 400px;
  width: 650px;
}*/

.tpl-1 img:nth-child(2){
  position:absolute;
  top:0;
  left:257px;
  max-width: 25%;
  z-index: 9;
}
.tpl-1 img:nth-child(3){
  position:absolute;
  top:65px;
  right:31px;
  max-width: 25%;
  z-index: 9;
}
.tpl-1 img:nth-child(4){
  position:absolute;
  bottom:0;
  right:0;
  max-width: 25%;
  z-index: 9;
}
.tpl-1 img:nth-child(5){
  position:absolute;
  bottom:0;
  left:97px;
  max-width: 25%;
  z-index: 9;
}
.tpl-1 img:nth-child(6){
  position:absolute;
  top:128px;
  left:0;
  max-width: 25%;
  z-index: 9;
}
.tpl-1 img:nth-child(7){
  position:absolute;
  top:128px;
  left:161px;
  max-width: 65%;
  z-index: 1;
}

/*
 * TPL-3
 */

/*.tpl-3 img.ft-prod {
  height: 450px;
  width: 450px;
}*/

.tpl-3 img:nth-child(2){
  position:absolute;
  top:0;
  left:-30px;
  max-width: 25%;
  z-index: 9;
}
.tpl-3 img:nth-child(3){
  position:absolute;
  top:0;
  right:60px;
  max-width: 25%;
  z-index: 9;
}
.tpl-3 img:nth-child(4){
  position:absolute;
  bottom:90px;
  right:210px;
  max-width: 25%;
  z-index: 9;
}
.tpl-3 img:nth-child(5){
  position:absolute;
  bottom:0;
  left:-60px;
  max-width: 25%;
  z-index: 9;
}
.tpl-3 img:nth-child(6){
  position:absolute;
  top:0;
  left:120px;
  max-width: 40%;
  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:nth-child(7){
  position:absolute;
  bottom:0;
  right:0;
  max-width: 40%;
  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:nth-child(8){
  position:absolute;
  bottom:0;
  left:30px;
  max-width: 40%;
  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:nth-child(2){
  position:absolute;
  top:0;
  left:-30px;
  max-width: 25%;
  z-index: 9;
}
.tpl-4 img:nth-child(3){
  position:absolute;
  top:30px;
  right:210px;
  max-width: 25%;
  z-index: 9;
}
.tpl-4 img:nth-child(4){
  position:absolute;
  bottom:150px;
  right:-60px;
  max-width: 25%;
  z-index: 9;
}
.tpl-4 img:nth-child(5){
  position:absolute;
  bottom:0;
  left:120px;
  max-width: 25%;
  z-index: 9;
}
.tpl-4 img:nth-child(6){
  position:absolute;
  top:0;
  right:30px;
  max-width: 33%;
  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:nth-child(7){
  position:absolute;
  bottom:0;
  right:0;
  max-width: 33%;
  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:nth-child(8){
  position:absolute;
  bottom:90px;
  left:180px;
  max-width: 33%;
  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:nth-child(9){
  position:absolute;
  bottom:60px;
  left:0;
  max-width: 33%;
  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:nth-child(2){
  position:absolute;
  top:0;
  left:0;
  max-width: 25%;
  z-index: 9;
}
.tpl-5 img:nth-child(3){
  position:absolute;
  top:30px;
  right:150px;
  max-width: 25%;
  z-index: 9;
}
.tpl-5 img:nth-child(4){
  position:absolute;
  bottom:150px;
  right:-30px;
  max-width: 25%;
  z-index: 9;
}
.tpl-5 img:nth-child(5){
  position:absolute;
  bottom:60px;
  left:180px;
  max-width: 25%;
  z-index: 9;
}
.tpl-5 img:nth-child(6){
  position:absolute;
  top:0;
  left:150px;
  max-width: 30%;
  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:nth-child(7){
  position:absolute;
  top:0;
  right:0;
  max-width: 30%;
  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:nth-child(8){
  position:absolute;
  bottom:150px;
  right:120px;
  max-width: 30%;
  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:nth-child(9){
  position:absolute;
  bottom:0;
  right:0;
  max-width: 30%;
  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:nth-child(10){
  position:absolute;
  bottom:0;
  left:0;
  max-width: 30%;
  z-index: 1;
  -moz-transform: rotate(-30deg) !important;
  -webkit-transform: rotate(-30deg) !important;
  -o-transform: rotate(-30deg) !important;
  -ms-transform: rotate(-30deg) !important;
}

/*
 * NAVIGATOR EFFECTS
 */

div ul.navigation {
  display: none;
}


.navigation li {
  background: url("../images/sp-prod-nav.png") no-repeat scroll 0 0 transparent;
}

.navigation {
  position:fixed;
  z-index:99;
  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,
.navigation li.active {
  background-position: 0 -2px;
  display: block;
  height: 15px;
  padding: 0;
  text-indent: -9999px;
  width: 15px;
}



/*
 * ACCESSORIES EFFECTS
 */
/*div#accessories {
  margin-top: 205px;
}*/
div#accessories .tpl-prod {
height: 890px;
position: relative;
}

/*
 * FLIP FLOPS EFECTS
 */
div#flip-flops .tpl-prod {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/*
 * No Header Fixed & Zoom
 */
html.touch div#header-top {
  position: relative;
  min-height: 40px;
}

html.touch #logo {
  float: none;
}

html.touch .region-header {
  float: none;
  right: 10px;
  position: absolute;
  top: 0;
}

#block-havaianas-havaianas-header div#menu-mobile {
  padding: 10px 10px 0;
}

html.touch #columns {
  padding-top: 0;
}


/*
 * POLITICA DE PRIVACIDADE
 */

body.node-type-privacy-policy .content-inner {
  margin: 0 auto;
  width: 90%;
  padding-top: 50px;
}

body.node-type-contact-us h2,
body.node-type-privacy-policy h2 {
  display: block !important;
}

/*
 * FORMULARIO
 */

body.node-type-contact-us .content-inner {
  margin: 0 auto;
  width: 85%;
  padding-top: 60px;
}

body.node-type-contact-us h3 {
  font-family: "Arial";
  line-height: normal;
}

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

/*
 * SPRITE FORMS
 */

.form-item-product-size .jqTransformSelectWrapper,
.form-item-brazil-state .jqTransformSelectWrapper,
.jqTransformSelectWrapper {
  background: url(../images/sp-form-mob.png) no-repeat 0 0 !important;
}

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

.form-item-product-size .jqTransformSelectWrapper,
.jqTransformSelectWrapper:hover {
  background-position: 0 -33px !important;
}

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

div.form-item-subject .jqTransformSelectWrapper {
  z-index: 9 !important;
}

select,
input,
textarea {
  border-radius: 0;
}

.customer-service div.form-type-checkbox {
  margin-top: 0;
}

.customer-service div#edit-captcha-form,
.customer-service div.form-item-email,
.customer-service div.form-item-subject,
.customer-service div.form-item-product-status,
.customer-service div.form-item-product-date-purchase,
.customer-service div.form-item-product-color,
.customer-service div.form-item-product-model,
.customer-service div.form-item-home-phone,
.customer-service div.form-item-cell-phone,
.customer-service div.form-item-business-phone,
.customer-service div.form-item-postal-code,
.customer-service div.form-item-birth-day,
.customer-service div.form-item-city,
.customer-service div.form-item-gender {
  float: none;
  clear: both;
}

.customer-service div.captcha,
.customer-service div#edit-captcha-form {
  width: 300px;
  margin-right: 0;
}

.customer-service div.form-item-product-status div.form-item-product-status,
.customer-service div .form-item-gender div .form-item-gender {
  float: left;
  clear: none;
  margin: 0 20px 11px 0;
}

.customer-service div.form-item-name {
  margin-top: 10px !important;
}

div.form-item-product-model input,
div.form-item-home-phone input,
div.form-item-cell-phone input,
div.form-item-business-phone input,
div.form-item-neighborhood input,
div.form-item-city input,
div.form-item-address input,
div.form-item-product-owner-name input,
div.form-item-name input,
div.form-item-phone input,
div.form-item-email input,
fieldset#edit-social-number input,
div.form-item-product-owner-social-number input {
  /*width: 383px !important;*/
  width: 300px !important;
  max-width: 100% !important;
}

div.form-item-city input {
  width: 120px ;
}

.customer-service div.form-item-state input {
  width: 100px;
}

div.box-support,
div.form-item-message textarea,
div.form-item-product-comments textarea {
  /*width: 400px;*/
  width: 300px;
}

.customer-service fieldset {
  width: 380px;
  /*font-size: 75%;*/
}

.customer-service div.form-item-terms-and-condition-opt {
  width: 130px;
}

.customer-service div.form-item-state,
.customer-service div.form-item-gender {
  margin-right: 0;
}

.customer-service div.form-item-state div.form-item-state,
.customer-service div.form-item-gender div.form-item-gender {
  margin-right: 20px !important;
}

.customer-service input.form-submit {
  width: 100px;
  float: none;
  clear: both;
  margin-bottom: 50px;
}

div.box-hour,
div.box-phone {
  background-color: #00aead;
  float: none;
  padding: 17px 30px 38px 20px;
  width: 350px;
}

div.box-phone {
  border-bottom: 2px solid #d4f0d3;
  border-right: none;
}


/*
 * CAPTCHA
 */

/*.customer-service div#edit-captcha-form {
    margin-bottom: 12px;
}

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


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


.customer-service div.recaptcha_help a,
.customer-service div.recaptcha_help a:hover {
    background-position: -69px 0 !important;
    left: 290px;
    position: absolute;
    top: 107px;
}*/

/*
 * BOX CONTACT
 */

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

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

.form-item.form-type-radios.form-item-product-status.error-radio,
.form-item.form-type-radios.form-item-gender.error-radio {
    height: 65px;
}

/*
 * REVENDAS
 */

body.node-type-resale .content-inner {
  margin: 0 auto;
  width: 85%;
  padding-top: 60px;
}

body.node-type-resale h2 {
  font-size: 220%;
  line-height: 36px;
}

body.node-type-resale div.form-type-markup label {
	width: 290px;
}

body.node-type-resale div.form-item-address,
body.node-type-resale div.form-item-neighborhood,
body.node-type-resale div.form-type-markup,
body.node-type-resale div.form-item-mail,
body.node-type-resale div.form-item-responsible,
body.node-type-resale div.form-item-company,
body.node-type-resale div.form-item-cell-phone,
body.node-type-resale div.form-item-phone,
body.node-type-resale div.form-item-cnpj,
body.node-type-resale div.form-item-stores,
body.node-type-resale div.form-item-state,
body.node-type-resale div.form-item-zipcode,
body.node-type-resale div.form-item-branch-of-activity,
body.node-type-resale div.form-item-other-informations,
body.node-type-resale div.form-item-brands {
  clear: both;
}

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-stores input,
body.node-type-resale div.form-item-branch-of-activity input,
body.node-type-resale div.form-item-other-informations textarea,
body.node-type-resale div.form-item-brands textarea {
  width: 290px;
}

body.node-type-resale div.form-item-stores input,
body.node-type-resale div.form-item-zipcode input {
  width: 100px;
}

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

/*
 * FAQ
 */

body.node-type-faq-page .content-inner {
  margin: 0 auto;
  width: 85%;
  padding-top: 60px;
}

body.node-type-faq-page h3 {
  line-height: 28px;
  margin-top: 26px;
}

body.node-type-faq-page div.ui-accordion h3 {
  font-size: 116%;
}

body.node-type-faq-page .ui-accordion h4 {
  font-size: 99%;
  line-height: 18px;
  margin-top: -8px;
}

body.node-type-faq-page div.ui-accordion-content div.ui-accordion-content {
  margin-top: 5px;
}

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

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

div.box-contact {
  width: 400px;
  margin-left: 0;
}

div#box-atendimento div.box-contact p.btn-contact {
  width: 150px;
}

/*
 * ESCRITÓRIOS INTERNACIONAIS
 */

body.node-type-international-offices .content-inner {
  margin: 0 auto;
  width: 90%;
  padding-top: 50px;
}

body.node-type-international-offices footer {
  margin-top: 100px;
}

body.node-type-international-offices h2 {
  font-size: 200%;
}

body.node-type-international-offices .tooltip-content {
  width: 98%;
  min-height: 120px;
}


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

body.node-type-international-offices p.ei-triangul {
  margin-top: -3px;
}

body.node-type-international-offices .tooltip-content p.title {
  margin: 0 4%;
}

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-size: 65%;
  margin-left: 4%;
}

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

html.iPhone body.node-type-international-offices .tooltip-content p.phone a {
  color: #676A75;
  margin: -7px 0 0;
  padding: 0;
  height: 10px;
  font-size: 85%;
}

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

html.iPhone body.node-type-international-offices .tooltip-content p.pipe {
  display: none;
}

body.node-type-international-offices .tooltip-content p.email {
  clear: both;
}

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 {
  display: block;
  float: left;
  margin-bottom: -5px;
  margin-right: 5px;
  padding: 0;
}

html.Android body.node-type-international-offices .tooltip-content p.address span,
html.Android body.node-type-international-offices .tooltip-content p.phone span,
html.Android body.node-type-international-offices .tooltip-content p.email span {
  margin-top: 2px;
}

/*
 * SEJA UM FRANQUEADO
 */

body.node-type-franchisee .content-inner {
  margin: 0 auto;
  width: 90%;
  padding-top: 50px;
}

body.node-type-franchisee footer {
  margin-top: 100px;
}

body.node-type-franchisee h2#page-title {
  font-size: 200%;
}

body.node-type-franchisee div.franchisee-mobile {
  color: #676A75;
  line-height: 16px;
  margin: 0;
  font-family: "Tahoma";
  font-size: 85%;
  text-transform: none;
  padding-top: 30px;
}

body.node-type-franchisee div.franchisee-mobile p {
  margin: 0;
}

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

/*
 * PROPAGANDA
 */

body.node-type-publicity-page .j-group-other .cntr-content,
body.node-type-publicity-page .e-group-other .cntr-content,
body.node-type-publicity-page .b-group-other .cntr-content,
body.node-type-publicity-page .d-group1 .cntr-content {
  width: 203%;
  left: -52%;
}


body.node-type-publicity-page .principal {
  height: 190px;
  margin-right: 0%;
  margin-bottom: 1%;
  width: 100%;
}

body.node-type-publicity-page .box {
  height: 110px;
}

.g-group-other,
.a-group-other,
.g-group1,
.a-group1 {
  width: 65.5%;
  margin-bottom: 1%;
  margin-right: 1%;
}

.g-group-other,
.g-group1 {
  margin-right: 0;
  width: 67%;
}

.b-group-other,
.b-group1 {
  margin-right: 0;
  width: 33.9%;
  margin-bottom: 1%;
}


.h-group-other,
.i-group-other,
.j-group-other,
.f-group-other,
.c-group-other,
.d-group-other,
.e-group-other,
.h-group1,
.i-group1,
.j-group1,
.f-group1,
.c-group1,
.d-group1,
.e-group1 {
  width: 32.3%;
  margin-bottom: 1%;
  margin-right: 1%;
}

.j-group-other,
.e-group-other,
.j-group1,
.e-group1 {
  margin-right: 0;
  width: 33.9%;
}

.k-group-other,
.k-group1 {
  width: 100%;
  margin-bottom: 1%;
}

body.node-type-publicity-page div.video .btn-video {
  height: 70%;
  background: url(../images/btn-video-propaganda-padrao-mob.png) center center no-repeat;
  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 div.principal .btn-video {
  height: 100%;
  background: url(../images/btn-video-propaganda-padrao.png) center center no-repeat;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
}

/*
 * NO TOCH
 */
html.no-touch .a-group-other,
html.no-touch .a-group1 {
  width: 65.6%;
}

html.no-touch .g-group-other {
  width: 66.6%
}

html.no-touch .g-group1 {
  width: 66.7%
}

html.no-touch .b-group-other,
html.no-touch .b-group1 {
  width: 33.4%;
}

.j-group-other,
.e-group-other,
.j-group1,
.e-group1 {
  width: 33.3%;
}

  html.Android body.node-type-publicity-page div.dialog-year {
    height: 85px !important;
  }

  html.Android body.node-type-publicity-page div.dialog-year p {
    padding-top: 20px !important;
  }

  html.Android body.node-type-publicity-page div.dialog-description {
    height: 85px !important;
  }

  html.Android body.node-type-publicity-page .dialog-box {
    margin-top: -6px !important;
    height: 85px;
  }

  html.Android body.node-type-publicity-page div.dialog-description p#dialog-description {
    font-size: 35% !important;
    padding-top: 5px !important;
  }

/*
 * OVERLAY PROPAGANDA
 */

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: 900px !important;
  left: 0 !important;
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  padding: 0;
}


body.node-type-publicity-page #dialog {
	margin-left: 0 !important;
	width: 99% !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  width: 100% !important;
}


body.node-type-publicity-page .ui-dialog .ui-dialog-content,
body.node-type-publicity-page .ui-dialog .ui-dialog-content iframe {
  height: 300px;
  width: 100%;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  width: 87.7%;
}

.ui-dialog .ui-dialog-titlebar-close {
  height: 31px;
  position: absolute;
  right: -1.4%;
  top: 6px;
  width: 31px;
}

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: 70px;
  height: 50px;
}

body.node-type-publicity-page div.dialog-year p {
  font-family: 'GarageGothic-Bold' !important;
  font-size: 160%;
  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;
}

body.node-type-publicity-page div.dialog-year p {

}

body.node-type-publicity-page div.dialog-description {
  background-color: #E4E5D4;
  float: left;
  /*padding: 0.6% 1.5%;*/
  width: 180px;
  height: 50px;
  overflow: hidden;
}

body.node-type-publicity-page div.dialog-description p {
  font-family: "tahoma";
  font-size: 40%;
  color: #000000;
}

/*
 * SUSTENTABILIDADE
 */

body.node-type-sustainability header h2#page-title {
  font-size: 35px;
}

body.node-type-sustainability div.view-content {
  padding: 0 5%;
  margin-top: -317px;
}

body.node-type-sustainability div.sustainability-block .title-text h3 {
 line-height: 40px;
 font-size: 220%;
}

body.node-type-sustainability div.sustainability-block .title-image {
  width: 100px;
}

body.node-type-sustainability div.sustainability-block:first-child .title-image {
  width: 45px;
}

body.node-type-sustainability div.sustainability-block div.block-image {
  margin-top: -37px;
}

body.node-type-sustainability div.sustainability-block .btn-video {
	background: url(../images/btn-video-propaganda-padrao-tablet.png) center center no-repeat;
}

html.touch body.node-type-sustainability #main-content-header {
  -webkit-background-size: 100% auto !important;
  -moz-background-size: 100% auto !important;
  -o-background-size: 100% auto !important;
  background-size: 100% auto !important;
  background-attachment: scroll !important;
}

/*body.node-type-sustainability .ui-dialog .ui-dialog-content,
body.node-type-sustainability .ui-dialog .ui-dialog-content iframe {
  height: 400px !important;
}*/

body.node-type-sustainability #main-content-header {
  background-size: contain !important;
  background-position: center 10px !important;
}

/*
 * SUSTENTABILIDADE
 */

body.node-type-sustainability header h2#page-title {
  margin-top: -40px !important;
}

body.node-type-sustainability #main-content-header {
  background-position: center 10px !important;
}

body.node-type-sustainability section#main-content div#content {
  margin-top: -70px;
}

/*
 * STORE LOCATOR
 */

body.node-type-stores-page div#wrapper {
  z-index: 1;
}

body.node-type-stores-page footer {
  z-index: 2;
}

body.node-type-stores-page #user_location {
  top: 12px;
  border-bottom: 2px solid #FFFFFF;
  padding: 10% 5% 5%;
}

body.node-type-stores-page div#map_canvas {
  height: 530px;
  width: 100%;
}

body.node-type-stores-page div#user_location h2,
body.node-type-stores-page div#user_location p a,
body.node-type-stores-page div#user_location p {
  font-size: 53%;
  line-height: normal;
}

body.node-type-stores-page div#user_location input#addressInput {
  height: 22px;
  width: 85%;
}

body.node-type-stores-page div#user_location input#googlesearch:hover,
body.node-type-stores-page div#user_location input#googlesearch {
  background: url(../images/btn-store-mob.png) 0 0 no-repeat;
  height: 26px;
  width: 22px;
}

body.node-type-stores-page div#user_location div.search-block {
  float: left;
  width: 70%;
}

body.node-type-stores-page .current-location-block {
  position: absolute;
  bottom: 0;
}

body.node-type-stores-page .current-location-button {
  font-style: normal;
  margin: 9px auto;
  display: table;
  padding: 6px 10px;
}

body.node-type-stores-page .current-location-button .current-location-text {
  font-size: 14px;
}

body.node-type-stores-page div#user_location {
  height: auto;
  padding-bottom: 55px;
}

body.node-type-stores-page div#user_location div.back-to-map,
body.node-type-stores-page div#user_location div.all-store-block {
  float: left;
  width: 25%;
  background: #4581a8;
  margin-left: 10px;
  margin-top: 10px;
}

body.node-type-stores-page div#user_location p a {
  color: #FFFFFF;
}

body.node-type-stores-page div#user_location div.back-to-map p.lnk-back-to-map,
body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store {
  float: left;
  padding: 10% 0 0 7%;
  width: 75%;
}

body.node-type-stores-page div#user_location div.back-to-map p.lnk-back-to-map {
  width: 56px;
}

body.node-type-stores-page div#user_location div.back-to-map p.lnk-back-to-map a,
body.node-type-stores-page div#user_location div.all-store-block p.lnk-all-store a {
  font-size: 75%;
}

body.node-type-stores-page div#user_location div.back-to-map p.lnk-icon {
  float: left;
  height: 35px;
  width: 20px;
  background: url(../images/pin-left-store.png) center center no-repeat #376786;
}

body.node-type-stores-page div#user_location div.all-store-block p.lnk-icon {
  float: left;
  height: 35px;
  width: 20%;
  background: url(../images/arrow-left-store.png) center center no-repeat #376786;
}

body.node-type-stores-page div#user_location div.all-store-block {
  display: none;
}

/*
 * STORE DETAILS
 */

body.node-type-stores-page #over_map_left {
	top: 92px;
	left: 0;
}

body.node-type-stores-page div.store-details-desk,
body.node-type-stores-page div.banner-store-desk {
  display: none;
}

body.node-type-stores-page div.store-details {
  background: none repeat scroll 0 0 #FAFAE6;
  width: 100%;
}

body.node-type-stores-page div.details-street {
  background: #bfbfbf;
  border-bottom: 2px solid #FFFFFF;
  height: auto;
  margin-bottom: 15px;
}

body.node-type-stores-page p.details-title {
  font-size: 115%;
  line-height: 15px;
}

body.node-type-stores-page p.details-info {
  font-size: 65%;
  padding-left: 5px;
}

body.node-type-stores-page p.details-address {
  font-size: 75%;
}

body.node-type-stores-page div.details-phone {
  width: 30%;
}

body.node-type-stores-page div.details-phone p {
  font-size: 195%;
}

body.node-type-stores-page div.details-hour td {
  height: 45px;
}

body.node-type-stores-page div.details-hour {
  width: 45%;
  height: 46px;
  float: right;
}

body.node-type-stores-page div.details-hour p {
  font-size: 90%;
  text-align: center;
}

body.node-type-stores-page p.products-title {
  font-size: 100%;
}

body.node-type-stores-page p.street-label {
  margin: 0;
  float: left;
}

body.node-type-stores-page ul.products-list span.product-icon {
	background: url("../images/sp-products-icon-mob.png") no-repeat 0 -2px;
}

body.node-type-stores-page ul.products-list p.flip_flops span {
  background-position: 0 -2px;
}
body.node-type-stores-page ul.products-list p.accessories span {
  background-position: 0 -26px;
}
body.node-type-stores-page ul.products-list p.myoh span {
  background-position: 0 -138px;
}
body.node-type-stores-page ul.products-list p.soul_collection span {
  background-position: 0 -52px;
}
body.node-type-stores-page ul.products-list p.special_collection span {
  background-position: 0 -107px;
}
body.node-type-stores-page ul.products-list p.clothing span {
  background-position: 0 -75px;
}
body.node-type-stores-page ul.products-list p.rain_boots span {
  background-position: 0 -164px;
}

body.node-type-stores-page div.details-rotes p.rotes-icon {
  background: url(../images/icon-store-rote-mob.png) 0 9px no-repeat;
  margin: 0 auto;
  display: block;
  width: 18px;
  height: 29px;
}

body.node-type-stores-page div.details-rotes {
  float: left;
  height: 52px;
  margin: 0 2px 2px 0;
  width: 49.2%;
  background: #00aead;
}

body.node-type-stores-page div.details-rotes p.rotes-label,
body.node-type-stores-page div.details-rotes p.rotes-label a {
  font-size: 85%;
}

body.node-type-stores-page div.details-flipflop p.flipflop-label {
  margin-bottom: 8px;
  font-size: 75%;
}

body.node-type-stores-page div.details-flipflop p.flipflop-icon {
  background: url(../images/icon-store-flipflop-mob.png) 0 0 no-repeat;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 13px;
}

body.node-type-stores-page div.details-flipflop {
  float: left;
  height: 52px;
  margin: 0 0 2px 0;
  width: 50.4%;
  background: #f08133;
}

body.node-type-stores-page div.banner-store {
  background: #f39891;
  height: 45px;
  width: 100%;
  padding: 2px 0 0;
}

html.no-touch body.node-type-stores-page div#map_canvas {
  height: 730px;
}

/*
 * STORE DETAILS
 */

body.node-type-stores-page p.details-title {
  font-size: 100%;
  line-height: 15px;
}

body.node-type-stores-page p.details-address {
  font-size: 65%;
  margin-left: 23px;
}

body.node-type-stores-page div.details-phone {
  width: 28.2%;
  height: 34px;
  padding: 22px 20px 0;
}

body.node-type-stores-page div.details-phone p {
  font-size: 90%;
  line-height: normal;
}


body.node-type-stores-page div.details-hour p {
  font-size: 65%;
}

body.node-type-stores-page p.products-title {
  font-size: 70%;
}

body.node-type-stores-page ul.products-list li {
  width: 160px;
}

body.node-type-stores-page ul.products-list p {
  font-size: 50%;
}

body.node-type-stores-page ul.products-list span.product-icon {
  height: 15px;
  width: 28px;
}

body.node-type-stores-page div.details-street {
  height: 88px;
}

/*
 * LIST ALL STORE
 */

body.node-type-stores-page div#all_stores p.list-title {
  font-size: 105%;
}

body.node-type-stores-page div#all_stores p {
	font-size: 75%;
}

body.node-type-stores-page div#all_stores {
  background: #FAFAE6;
  border-top: 2px solid #29293a;
  margin-top: -462px;
  position: relative;
  z-index: 9;
}

body.node-type-stores-page div.back-top {
  display: none !important;
}


body.node-type-stores-page div.back-top-mob {
  background: url("../images/btn-close-store-dev.jpg") no-repeat 0 0;
  cursor: pointer;
  float: right;
  margin: -82px 0;
  text-indent: -99999px;
  width: 41px;
  height: 41px;
  letter-spacing: 1px;
}

body.node-type-stores-page div.store-details-mob div.close a,
body.node-type-stores-page div.store-details-mob div.close a:hover,
body.node-type-stores-page div.store-details-mob div.back-top-mob {
	margin: 1px 0;
}

html.iPhone body.node-type-stores-page div.store-details-mob div.close a,
html.iPhone body.node-type-stores-page div.store-details-mob div.close a:hover,
html.iPhone body.node-type-stores-page div.store-details-mob div.back-top-mob {
  margin: -9px 0;
}

body.node-type-stores-page div.close a,
body.node-type-stores-page div.close a:hover {
  position: absolute;
  right: 0;
  background: url(../images/btn-close-store-dev.jpg) 0 0 no-repeat;
  height: 41px;
  width: 41px;
}

body.node-type-stores-page div#all_stores h2 {
  font-size: 170%;
  margin-top: 31px;
  margin-bottom: 11px;
}

body.node-type-stores-page div.back-to-map.disabled,
body.node-type-stores-page div.all-store-block.disabled {
  display: none;
}

/*
 * VÁ DE HAVAIANAS
 */

/*body.node-type-stores-page div.box-go-havaianas div.close a {
  top: 85px;
}*/

body.node-type-stores-page div.box-go-havaianas {
	border: none;
	right: 0;
  top: 12%;
  width: 100%;
}

body.node-type-stores-page div.subox-kcal {
	border-bottom: 2px solid #FFFFFF;
}

body.node-type-stores-page div.mob-feet,
body.node-type-stores-page div.mob-kcal {
  margin: 0 auto;
  width: 340px;
}

body.node-type-stores-page p.kcal-txt,
body.node-type-stores-page p.feet-txt {
	float: left;
  font-size: 70%;
  width: 20%;
  text-align: right;
  line-height: 15px;
  padding-top: 25px;
}

body.node-type-stores-page p.kcal-txt {
  width: 23%;
}

body.node-type-stores-page p.txt-bl1 {
  margin: 0 15px 0 30px;
}

body.node-type-stores-page div.subox-feet p.txt-bl1 {
  margin-left: 40px;
}

body.node-type-stores-page div.subox-kcal p.txt-bl1 {
  padding-top: 16px;
}

body.node-type-stores-page div.subox-kcal p.txt-bl2,
body.node-type-stores-page div.subox-feet p.txt-bl2 {
	text-align: left;
  margin-right: 15%;
  float: left;
  padding-top: 15px;
  margin-left: 15px;
}

body.node-type-stores-page div.subox-kcal p.txt-bl2 {
  margin-right: 10%;
  margin-top: 15px;
  width: auto;
}

body.node-type-stores-page p.txt-store {
	font-size: 70%;
  text-align: left;
  margin-left: 15px;
  float: left;
}

body.node-type-stores-page p.kcal,
body.node-type-stores-page p.feet-distance {
	float: left;
  font-size: 320%;
  margin-top: 15px;
}

/*
 * HISTORIA DA MARCA
 */

div.history-item {
  background-color: #e6e6e6;
}

div.history-item div.history-item-left {
  background: #e6e6e6;
  width: 100%;
}

div.history-item div.history-item-right {
  background-color: #fafae6;
  border-top: 2px solid #000000;
  height: 180px;
  width: 100%;
  z-index: 9999;
  position: relative;
}

div.history-item-right h2#history-item-year {
  height: 180px;
  width: 33%;
  float: left;
}

div.history-item-right span.history-item-year {
  font-size: 410%;
  padding-top: 50px;
}

div.history-item-right p.history-item-desc {
  margin: 0;
  padding: 10px 15px 8px;
  width: 57%;
  float: left;
  font-size: 55%;
}

div.history-timeline-wrapper .history-timeline-icons {
	margin: 8px 0;
}

body.node-type-history-page td:hover div.history-timeline-icons {
  background: url("../images/ln-timeline.png") repeat-x scroll 0 -8px rgba(0, 0, 0, 0);
  height: 17px;
}

div.history-item div.history-item-left .btn-video {
  background: url(../images/btn-hightlighted-video-mob.png) center center no-repeat;
  height: 100%;
  left: -5%;
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
  cursor: pointer;
}

/*
 * Error Pages
 */

body.maintenance-page #l-bglogo {
  left: 22px;
  top: 0;
  height: 87px;
  border-radius: 0 0 0 46px;
}

body.maintenance-page #r-bglogo {
  left: 83px;
  top: 0;
  height: 87px;
  border-radius: 0 0 49px;
}

table#sitemaintance,
table#accessdenied,
table#pagenotfound {
  width: 280px;
  padding: 70px 0;
}

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

td#pnf-img p {
  background: url(../images/404-mob.png) 0 0 no-repeat;
  width: 118px;
  height: 61px;
  margin: 0;
}

td#ad-img p {
  background: url(../images/403-mob.png) 0 0 no-repeat;
  width: 118px;
  height: 64px;
  margin: 0;
}

td#sm-img p {
  background: url(../images/503-mob.png) 0 0 no-repeat;
  width: 100px;
  height: 113px;
  margin: 0;
}

td#sm-pipe p,
td#ad-pipe p,
td#pnf-pipe p {
  height: 91px !important;
  margin: 5px;
}

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

td#sm-pipe p {
  height: 123px !important;
}

table p.title {
  font-size: 105%;
  line-height: normal !important;
  height: 45px !important;
}

table#pagenotfound p.title {
	height: 30px !important;
}

table#sitemaintance p.txt,
table p.txt {
	font-size: 65%;
	line-height: normal;
}

/*
 * SUBMENU
 */

ul#menu-header li.expanded a,
ul#menu-header li.menu-active a
{
  color: #1f6588;
  text-decoration: none;
  height: 48px;
  border-bottom: 2px solid #29293a;
  padding-bottom: 11px;
}

ul#submenu-header {
  margin: 0;
  padding: 0;
  position: absolute;  
  top: 52px;
  width: 170px;
  display: none;
}

html.touch ul#submenu-header {
	left: -150px;
}

html.no-touch ul#submenu-header {
	left: 20px !important;
}

ul#submenu-header li {
  list-style: none; 
  border-bottom: 1px solid #333333;
  padding: 10px; 
}

ul#submenu-header li:last-child {
  border: none;
}

ul#submenu-header li a {
  color: #FFFFFF;
  font-size: 65%;
  text-transform: uppercase;   
}

ul#submenu-header li:hover,
ul#submenu-header li:active {
  background: url(../images/1x1-transp.png) 0 0 repeat;
}