@charset "UTF-8";
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
  color: #222;
}

body {
  font-size: 1em;
  background: #ffffff;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -ms-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000000;
  padding: 0.2em 0;
}

a {
  outline: none;
}
a img {
  outline: none;
}
a:hover {
  transition: all 0.7s ease;
}

li:hover, h2:hover, a img:hover {
  transition: all 0.7s ease;
}

*:focus {
  outline: none;
}

button {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#cookieadvice {
  width: 100%;
  position: fixed;
  /* bottom: 0;*/
  background: #e8e8e8;
  z-index: 9999;
  border-top: 1px solid #fff;
}
#cookieadvice div {
  width: 80%;
  display: block;
  margin: 0 auto;
}
#cookieadvice div.in-advice {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
}
#cookieadvice p {
  font-size: 13px;
  line-height: 130%;
  color: #000000;
  padding: 5px 0;
  text-align: center;
}
#cookieadvice p a {
  color: #0096d0;
}
#cookieadvice div.close {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 10px;
  width: 20px !important;
  height: 20px;
  background: transparent url("../images/rocaUI/cookie_close.png") no-repeat -3px 0;
  text-indent: -2000px;
  overflow: hidden;
  cursor: pointer;
  margin: 2px;
}
#cookieadvice .close:hover {
  background-position: -3px -42px;
}

.fixed {
  height: 59px;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
  background: #ffffff;
  border-bottom: 1px solid #666666;
}

.main-content .nine .left-five p, .main-content .nine .left-five h3, .main-content .nine .left-five ul {
  padding-left: 4%;
}

/* ==========================================================================
   Foundation Grid styles
   ========================================================================== */
/* Global Reset & Standards ---------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* The Grid ---------------------- */
.row {
  width: 990px;
  max-width: 990px;
  min-width: 990px;
  margin: 0 auto;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.row.collapse .column, .row.collapse .columns {
  padding: 0;
}
.row .row.collapse {
  margin: 0;
}

.lt-ie9 .row.main-content {
  width: 970px;
  min-width: 970px;
  max-width: 970px;
  padding-left: 10px;
  padding-right: 10px;
}

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0;
  position: relative;
}

.column.centered, .columns.centered {
  float: none !important;
  margin: 0 auto;
}

[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}

.one, .row .one {
  width: 8.33333%;
}

.two, .row .two {
  width: 16.66667%;
}

.two.brand, .row .two.brand {
  width: 13.33%;
}

.lt-ie9.lt-ie8 .two, .lt-ie9.lt-ie8 .row .two {
  width: 16.5%;
}

.three {
  width: 25%;
}

.row .three {
  width: 25%;
}
.row .three#pageContentLeftColumn {
  padding: 0 10px 0 0;
}

.four, .row .four {
  width: 33.33333%;
}

.lt-ie9.lt-ie8 .four, .lt-ie9.lt-ie8 .row .four {
  width: 32.22%;
}

.five, .row .five {
  width: 41.66667%;
}

.six, .row .six {
  width: 50%;
}

.lt-ie9.lt-ie8 .six, .lt-ie9.lt-ie8 .row .six {
  width: 49.5%;
}

.seven, .row .seven {
  width: 58.33333%;
}

.eight, .row .eight {
  width: 66.66667%;
}

.nine, .row .nine {
  width: 75%;
}

/* .nine.collections-page, .row .nine.collections-page { width: 73.77%; } */
.ten, .row .ten {
  width: 83.33333%;
}

.eleven, .row .eleven {
  width: 91.66667%;
}

.twelve {
  width: 100%;
}

.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}

.push-two {
  left: 16.66667%;
}

.pull-two {
  right: 16.66667%;
}

.push-three {
  left: 25%;
}

.pull-three {
  right: 25%;
}

.push-four {
  left: 33.33333%;
}

.pull-four {
  right: 33.33333%;
}

.push-five {
  left: 41.66667%;
}

.pull-five {
  right: 41.66667%;
}

.push-six {
  left: 50%;
}

.pull-six {
  right: 50%;
}

.push-seven {
  left: 58.33333%;
}

.pull-seven {
  right: 58.33333%;
}

.push-eight {
  left: 66.66667%;
}

.pull-eight {
  right: 66.66667%;
}

.push-nine {
  left: 75%;
}

.pull-nine {
  right: 75%;
}

.push-ten {
  left: 83.33333%;
}

.pull-ten {
  right: 83.33333%;
}

img:not(.world-map), object, embed {
  max-width: 100%;
  height: auto;
}

object, embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Nicolas Gallagher's micro clearfix */
/* .row { *zoom: 1; } */
.row:before {
  content: " ";
  display: table;
}
.row:after {
  content: " ";
  display: table;
  clear: both;
}

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}
.block-grid > li {
  display: block;
  height: auto;
  float: left;
}
.block-grid.one-up > li {
  width: 100%;
}
.block-grid.two-up > li {
  width: 50%;
}

/* .block-grid.one-up { margin: 0; margin: 0 -8px; } */
/* .block-grid.two-up { margin: 0 -15px; margin: 0 -8px; } */
.lt-ie9.lt-ie8 .block-grid.two-up > li {
  width: 49.5%;
}

.block-grid.two-up.mobile > li {
  width: 100%;
}

.lt-ie9.lt-ie8 .block-grid.two-up.mobile > li {
  width: 99%;
}

.block-grid.two-up > li:nth-child(2n+1) {
  clear: both;
}
.block-grid.three-up > li {
  width: 33.33333%;
}
.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}
.block-grid.four-up > li {
  width: 25%;
}
.block-grid.four-up > li:nth-child(4n+1) {
  clear: both;
}
.block-grid.five-up > li {
  width: 20%;
}
.block-grid.five-up > li:nth-child(5n+1) {
  clear: both;
}
.block-grid.six-up > li {
  width: 16.66667%;
}
.block-grid.six-up > li:nth-child(6n+1) {
  clear: both;
}

/* .block-grid.three-up { margin: 0 -12px; margin: 0 -8px; } */
/* .block-grid.four-up { margin: 0 -10px; } */
/* .block-grid.five-up { margin: 0 -8px; } */
/* .block-grid.six-up { margin: 0 -8px; } */
.lt-ie9.lt-ie8 .block-grid.six-up > li {
  width: 16.52%;
}

/* .block-grid.seven-up { margin: 0 -8px; } */
.block-grid.seven-up > li {
  width: 14.28571%;
}
.block-grid.seven-up > li:nth-child(7n+1) {
  clear: both;
}
.block-grid.eight-up > li {
  width: 12.5%;
}
.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both;
}
.block-grid.nine-up > li {
  width: 11.11111%;
}
.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both;
}
.block-grid.ten-up > li {
  width: 10%;
}
.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both;
}
.block-grid.eleven-up > li {
  width: 9.09091%;
}
.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both;
}
.block-grid.twelve-up > li {
  width: 8.33333%;
}
.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both;
}

/* .block-grid.eight-up { margin: 0 -8px; } */
/* .block-grid.nine-up { margin: 0 -8px; } */
/* .block-grid.ten-up { margin: 0 -8px; } */
/* .block-grid.eleven-up { margin: 0 -8px; } */
/* .block-grid.twelve-up { margin: 0 -8px; } */
/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

.lt-ie8.lt-ie9 .datasheet .orbit-wrapper {
  min-height: 180px;
  position: relative;
}

.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
  margin-bottom: 17px;
}
.orbit.with-bullets {
  margin-bottom: 40px;
}
.orbit .orbit-slide {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.orbit a.orbit-slide {
  border: none;
  line-height: 0;
  display: none;
}
.orbit div.orbit-slide {
  width: 100%;
  height: 100%;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.solutions-img-detail .orbit div.orbit-slide {
  height: 540px;
  overflow: hidden;
}

.ui-widget-content iframe {
  margin: 0 auto;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
div.orbit-wrapper div.timer {
  display: none;
}
div.orbit-wrapper span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url("../images/foundation/orbit/rotator-black.png") no-repeat;
  z-index: 3;
}
div.orbit-wrapper span.rotator.move {
  left: 0;
}
div.orbit-wrapper span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}
div.orbit-wrapper span.mask.move {
  width: 40px;
  left: 0;
  background: url("../images/foundation/orbit/timer-black.png") repeat 0 0;
}
div.orbit-wrapper span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/foundation/orbit/pause-black.png") no-repeat;
  z-index: 4;
  opacity: 1;
}
div.orbit-wrapper span.pause.active {
  background: url("../images/foundation/orbit/pause-black.png") no-repeat 0 -40px;
}

.solutions-img-detail div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active {
  opacity: 1;
}

/* Captions ---------------------- */
.orbit-caption {
  display: none;
  font-family: inherit;
}

.orbit-wrapper .orbit-caption {
  background: black;
  background: rgba(0, 0, 0, 0.6);
  z-index: 30;
  color: white;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav {
  display: block;
  z-index: 99999;
}
div.orbit-wrapper div.slider-nav span {
  width: 39px;
  height: 50px;
  text-indent: -9999px;
  position: absolute;
  z-index: 30;
  margin-top: -25px;
  cursor: pointer;
}

/*div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow.png'); right: 0; }
div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow.png'); left: 0; }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow-small.png'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow-small.png'); }*/
/* Bullet Nav ---------------------- */
.morephotos ul.orbit-bullets {
  position: relative;
  z-index: 50;
  list-style: none;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 10px;
  float: left;
}

ul.orbit-bullets {
  position: absolute;
  z-index: 50;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

.morephotos ul.orbit-bullets li {
  float: left;
  margin-left: 0;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  background: url("../images/foundation/orbit/bullets-box.png") no-repeat 0 0;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: relative;
}

ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  background: url("../images/foundation/orbit/bullets-box.png") no-repeat 0 0;
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: relative;
}
ul.orbit-bullets li.active {
  color: #222222;
  background-position: -22px 0;
}

.solutions-img-detail ul.orbit-bullets li.active {
  color: #222222;
  background-position: -44px 0;
}

ul.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}
ul.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid black;
}

/* Orbit Slide Counter */
.orbit-slide-counter {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
}

/* Fluid Layout ---------------------- */
div.orbit {
  width: 100% !important;
}
div.orbit img.fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%;
}
div.orbit img.fluid-placeholder:nth-of-type(2) {
  display: none !important;
}
div.orbit-wrapper {
  width: 100% !important;
}

/* Correct timer in IE */
/* .lt-ie9 .timer { display: none !important; } */
.lt-ie9 div.caption {
  background: black;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
  zoom: 1;
}

@media only screen and (max-device-width: 767px) {
  div.orbit.orbit-stack-on-small img.fluid-placeholder {
    visibility: visible;
  }
  div.orbit.orbit-stack-on-small .orbit-slide {
    position: static;
    margin-bottom: 10px;
  }
}
.morephotos ul.orbit-bullets li.timer {
  display: none;
}

/* ==========================================================================
   xHotSpots & TipTip Styles
   ========================================================================== */
.xhs-wrap {
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.xhs-wrap.hs-loading * {
  display: none;
}
.xhs-wrap img {
  display: block;
}

.xhs-spot-object {
  position: absolute;
  cursor: pointer;
  z-index: 99;
}
.xhs-spot-object.visible-tooltip {
  z-index: 9999;
}

.xhs-spot.visible .xhs-spot-shape {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 32px;
  height: 32px;
  z-index: 99;
  background: transparent url(../img/xhotspot/xhs_spot.png) repeat 0 0;
}

.lt-ie9.lt-ie8 .xhs-spot.visible .xhs-spot-shape {
  background: transparent url(../img/xhotspot/xhs_spot.png) repeat 0 0;
}

.xhs-tooltip {
  display: none;
}

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98888;
}
#tiptip_holder.tip_top {
  padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
  padding-top: 5px;
}
#tiptip_holder.tip_right {
  padding-left: 5px;
}
#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -4px;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  background: transparent url(../images/xhotspot/arrow_down.png) repeat 0 0;
  margin-top: -4px;
  margin-left: -4px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  background: transparent url(../images/xhotspot/arrow_top.png) repeat 0 0;
  margin-top: -2px;
  margin-left: -4px;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
  background: transparent url(../images/xhotspot/arrow_left.png) repeat 0 0;
  margin-left: -2px;
  margin-top: -4px;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
  background: transparent url(../images/xhotspot/arrow_right.png) repeat 0 0;
  margin-left: -4px;
  margin-top: -4px;
}
#tiptip_holder .tt-box {
  width: auto;
  height: 170px;
  padding: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  background: transparent url(../images/rocaUI/background_opacity_tt.png) repeat 0 0;
}

.lt-ie9.lt-ie8 #tiptip_holder .tt-box .tt-info {
  height: 160px;
}
.lt-ie9 #tiptip_holder .tt-box .tt-info, .lt-ie9 #tiptip_holder .tt-box .tt-picture {
  height: 160px;
}
.lt-ie9.lt-ie8 #tiptip_holder .tt-box {
  height: 165px;
  overflow: hidden;
}

.lt-ie8 #tiptip_holder .tt-box {
  background-color: #ffffff;
}

#tiptip_holder .tt-box .tt-info {
  float: left;
  width: 239px;
  height: 100%;
  margin-right: 1px;
  background: transparent url(../images/rocaUI/hotspot_bkg.jpg) repeat 0 0;
}
#tiptip_holder .tt-box .tt-picture {
  float: left;
  width: 208px;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}

.touch #tiptip_holder .tt-box {
  width: 460px;
}

.lt-ie9 .tt-box .tt-picture, .lt-ie9.lt-ie8 .tt-box .tt-picture {
  overflow: hidden;
}

#tiptip_holder .tt-box .tt-picture img {
  width: auto;
  height: 88%;
  margin: 8px auto 0 auto;
  display: block;
  float: none;
  clear: both;
  vertical-align: middle;
}

.lt-ie9.lt-ie8 #tiptip_holder .tt-box .tt-picture img {
  /* height:auto !important; */
  margin: 0 auto;
}

html.lt-ie9.lt-ie8 .tt-picture img {
  /* width:84% !important; max-width: 84% !important; min-width: 84% !important; */
}

#tiptip_holder .tt-box h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 1.25em;
  font-style: normal;
  font-weight: normal;
  margin: 10px 0 0 10px;
}
#tiptip_holder .tt-box h5 {
  color: #666666;
  font-size: .8125em;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 4px 10px;
}
#tiptip_holder .tt-box p {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  margin-left: 10px;
  line-height: 16px;
  color: #666666;
}
#tiptip_holder .tt-box p.link {
  line-height: 19px;
  color: #666666;
}
#tiptip_holder .tt-box p a {
  color: #0096d0;
  padding: 2px 2px 2px -2px;
  margin-top: 8px;
}
#tiptip_holder .tt-box p a:hover {
  color: #0096d0;
}

/* SWIPER */
.swiper-slide {
  width: 100%;
  height: auto;
}
.swiper-slide img {
  width: 100%;
  height: auto;
}

.teaser {
  float: left;
  height: 370px;
  margin: 0 0 18px;
  position: relative;
  z-index: 1;
}
.teaser .items {
  height: 370px;
  position: relative;
  width: 990px;
  z-index: 1;
}
.teaser .item {
  height: 370px;
  position: absolute;
  width: 990px;
  z-index: 1;
}
.teaser .item img {
  height: 370px;
}
.teaser .paging {
  bottom: 10px;
  height: 24px;
  position: absolute;
  right: 10px;
  text-align: right;
  z-index: 12;
}
.teaser .paging span {
  background: url("../static/img/laufen-UI/teaser-pager.png") right 0 no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  overflow: hidden;
  text-align: left;
  text-indent: -250px;
  width: 24px;
}
.teaser .paging span.active {
  background: url("../static/img/laufen-UI/teaser-pager-active.png");
}
.teaser .paging span.pause {
  background: url("../static/img/laufen-UI/teaser-pause.png");
}
.teaser .paging span.pause.paused {
  background: url("../static/img/laufen-UI/teaser-play.png");
}
.teaser .prev {
  background: url("../static/img/laufen-UI/teaser-prev.png") no-repeat scroll 1px 152px transparent;
  cursor: pointer;
  height: 348px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 120px;
  z-index: 12;
}
.teaser .next {
  background: url("../static/img/laufen-UI/teaser-next.png") no-repeat scroll 92px 152px transparent;
  cursor: pointer;
  height: 310px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 120px;
  z-index: 12;
}
.teaser img {
  border: 0;
  display: block;
  height: 370px;
  vertical-align: middle;
  width: 990px;
}

.solution-detail-box .teaser {
  max-height: 370px;
  height: inherit;
}
.solution-detail-box .teaser img {
  max-height: 370px;
  height: inherit;
}

.gallery {
  padding: 20px 0 0;
}
.gallery a {
  float: left;
  margin: 0 5px 5px 0;
}
.gallery a,
.gallery img {
  display: block;
  height: 90px;
  width: 240px;
}
.gallery.carousel {
  clear: both;
  margin-bottom: 18px;
  padding: 0;
  position: relative;
}
.gallery.carousel .carousel-inner {
  left: 45px;
  position: relative;
  width: 900px;
}
.gallery.carousel .carousel-nav {
  display: inline-block;
  height: 50px;
  position: absolute;
  top: 12px;
  width: 40px;
  z-index: 9;
}
.gallery.carousel .carousel-nav a {
  height: auto;
  text-decoration: none;
  width: auto;
}
.gallery.carousel .carousel-nav a:hover {
  opacity: 0.9;
}
.gallery.carousel .carousel-nav.nav-prev {
  left: 5px;
}
.gallery.carousel .carousel-nav.nav-next {
  right: -15px;
}
.gallery.carousel .carousel-nav .arrow-next,
.gallery.carousel .carousel-nav .arrow-prev {
  background-position: 0 15px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 70px;
  width: 40px;
}
.gallery.carousel .carousel-nav .arrow-prev {
  background-image: url("../static/img/laufen-UI/pretty-prev.png");
}
.gallery.carousel .carousel-nav .arrow-next {
  background-image: url("../static/img/laufen-UI/pretty-next.png");
}
.gallery.carousel .slides-wrap {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gallery.carousel .slides-wrap .slide {
  background: #eee;
  height: 90px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto !important;
}
.gallery.carousel .slides-wrap .slide a {
  display: table-cell;
  float: none;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.gallery.carousel .slides-wrap .slide a img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 90px;
  width: auto;
}
.gallery.carousel .slides-wrap .slide a:hover img {
  opacity: 0.9;
}

.gallery2 {
  padding: 20px 0 0;
}
.gallery2 a {
  float: left;
  margin: 0 5px 5px 0;
}
.gallery2 a,
.gallery2 img {
  display: block;
  height: 90px;
  width: 240px;
}
.gallery2.carousel {
  clear: both;
  margin-bottom: 18px;
  padding: 0;
  position: relative;
}
.gallery2.carousel .carousel-inner {
  position: relative;
}
.gallery2.carousel .carousel-nav {
  display: inline-block;
  height: 50px;
  position: absolute;
  top: 12px;
  width: 40px;
  z-index: 9;
}
.gallery2.carousel .carousel-nav a {
  height: auto;
  text-decoration: none;
  width: auto;
}
.gallery2.carousel .carousel-nav a:hover {
  opacity: 0.9;
}
.gallery2.carousel .carousel-nav.nav-prev {
  left: 5px;
}
.gallery2.carousel .carousel-nav.nav-next {
  right: -15px;
}
.gallery2.carousel .carousel-nav .arrow-next,
.gallery2.carousel .carousel-nav .arrow-prev {
  background-position: 0 15px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 70px;
  width: 40px;
}
.gallery2.carousel .carousel-nav .arrow-prev {
  background-image: url("../static/img/laufen-UI/pretty-prev.png");
}
.gallery2.carousel .carousel-nav .arrow-next {
  background-image: url("../static/img/laufen-UI/pretty-next.png");
}
.gallery2.carousel .slides-wrap {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gallery2.carousel .slides-wrap .slide {
  background: #eee;
  height: 90px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto !important;
}
.gallery2.carousel .slides-wrap .slide a {
  display: table-cell;
  float: none;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: auto;
  background-color: white;
}
.gallery2.carousel .slides-wrap .slide a img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 60px;
  width: auto;
}
.gallery2.carousel .slides-wrap .slide a:hover img {
  opacity: 0.9;
}
.gallery2.carousel .slides-wrap .sl_galleide {
  background: #eee;
  height: 90px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto !important;
}
.gallery2.carousel .slides-wrap .sl_galleide a {
  display: table-cell;
  float: none;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: auto;
  background-color: white;
}
.gallery2.carousel .slides-wrap .sl_galleide a img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 60px;
  width: auto;
}
.gallery2.carousel .slides-wrap .sl_galleide a:hover img {
  opacity: 0.9;
}

/* MASONRY */
/**** Base styles ****/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/**** Content ****/
#content {
  padding: 10px 10px 10px 20px;
}

.box ul, .box ol {
  padding: 0.5em 0 0.5em 0.15em;
}

/**** Demos ****/
#container {
  width: 98%;
  padding: 5px;
  margin: 0 auto 20px auto;
  clear: both;
}

.centered {
  margin: 0 auto;
}

.box {
  margin: 3px;
  padding: 5px 5px 10px 5px;
  background: #e8e8e8;
  font-size: 11px;
  line-height: 140%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.box h2 {
  font-size: 15px;
  line-height: 120% !important;
  font-weight: 200;
  padding: 0 !important;
}
.box h3 {
  font-size: 13px;
  line-height: 110% !important;
  font-weight: bold;
  padding: 0 !important;
  margin: 0;
  color: #000000;
}
.box h3 a {
  color: #000000 !important;
}

.masonry .box h3 a:link {
  color: #000000 !important;
}

.main-content .box li h2 {
  list-style-type: none;
  padding: 1px !important;
  margin: 0;
  color: #0082D1;
  border-bottom: 1px solid #d4d4d4;
  text-indent: 0 !important;
  font-weight: bold;
}

.lt-ie8.lt-ie9 .main-content .box li.col01 h2 {
  list-style-type: none;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  text-align: left;
  outline-style: none;
}
.lt-ie8.lt-ie9 .main-content .box h2 {
  margin: 0 !important;
  padding: 0 !important;
}
.lt-ie8.lt-ie9 .main-content .box li {
  margin: 0 !important;
  padding: 3px 0 !important;
}

.box li h2 a:hover {
  color: #0082D1 !important;
}
.box ul {
  list-style-type: none;
  text-indent: 0 !important;
}
.box ul li {
  list-style-type: none;
  font-size: 12px;
  line-height: 110%;
  padding-bottom: 4px;
}
.box ul li a:hover {
  color: #0082D1 !important;
}
.box img {
  display: block;
  width: 100%;
}

#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right;
  direction: rtl;
}

.col1 {
  width: 186px;
}

.lt-ie8.lt-ie9 .masonry .col1 {
  width: 178px;
}

.col1 img {
  max-width: 80px;
}

/**** Gutters ****/
.has-gutters .box {
  margin: 5px 0;
}
.has-gutters .col1 {
  width: 90px;
}
.has-gutters .col2 {
  width: 230px;
}
.has-gutters .col3 {
  width: 370px;
}
.has-gutters .col4 {
  width: 550px;
}

/**** Transitions ****/
.transitions-enabled.masonry {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: "height, width";
  -moz-transition-property: "height, width";
  -ms-transition-property: "height, width";
  -o-transition-property: "height, width";
  transition-property: "height, width";
}
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: "left, right, top";
  -moz-transition-property: "left, right, top";
  -ms-transition-property: "left, right, top";
  -o-transition-property: "left, right, top";
  transition-property: "left, right, top";
}
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

/* disable transitions on container */
/* Infinite Scroll loader */
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #ffffff;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

/**** Fluid ****/
#container.fluid {
  padding: 5px 0;
}

.fluid .box {
  margin: 5px 1%;
  padding: 5px 1%;
}
.fluid .box.col1 {
  width: 16%;
}
.fluid .box.col2 {
  width: 36%;
}
.fluid .box.col3 {
  width: 56%;
}

/**** Corner stamp ****/
.corner-stamp {
  width: 280px;
  height: 340px;
  padding: 10px;
  margin: 10px;
  float: right;
  background: red;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/**** Pygments ****/
code .s1, code .s {
  color: #78BD55;
}
code .mi, code .cp, code .kc {
  color: #5298D4;
}
code .k {
  color: #E39B79;
}
code .kd, code .na {
  color: #A9D866;
}
code .p {
  color: #EDB;
}
code .o {
  color: #F63;
}
code .nb {
  color: #AA97AC;
}
code .c, code .c1 {
  color: #666666;
  font-style: italic;
}
code .nt {
  color: #A0C8FC;
}
code .nf {
  color: #9EA8B8;
}
code .nc {
  color: #A78352;
}
code .m {
  color: #DE8E50;
}
code .nd {
  color: #9FAD7E;
}

/* string */
/*boolean*/
/* keyword */
/* markup attribute */
/* punctuation */
/* operator */
/* support */
/* comment */
/* Markup open tag */
/* css id */
/* CSS class */
/* CSS value */
/* CSS pseudo selector */
/**** Clearfix ****/
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

 /*
	jQuery.mmenu CSS
*/
/*
    jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.mm-menu .mm-hidden {
  display: none;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.mm-menu > .mm-panel.mm-opened {
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  transform: translate(0%, 0);
}
.mm-menu > .mm-panel.mm-subopened {
  -webkit-transform: translate(-30%, 0);
  -moz-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  -o-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
}
.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}
.mm-menu .mm-list {
  padding: 20px 0;
}
.mm-menu > .mm-list {
  padding-bottom: 0;
}
.mm-menu > .mm-list:after {
  content: '';
  display: block;
  height: 40px;
}

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
  padding-top: 0;
}

.mm-list {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 14px;
}
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-list a {
  text-decoration: none;
}
.mm-list a:hover {
  text-decoration: none;
}
.mm-list a.mm-subopen {
  background: transparent;
  width: 40px;
  height: 98%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mm-list a.mm-subopen:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}
.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list a.mm-subopen:after {
  content: '';
  border: 3px solid transparent;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
}
.mm-list a.mm-subclose:before {
  content: '';
  border: 3px solid transparent;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  bottom: 47%;
}
.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}
.mm-list > li {
  position: relative;
}
.mm-list > li > a, .mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}
.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}
.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}
.mm-list > li.mm-spacer {
  padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
  top: 16px;
  bottom: auto;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  float: left;
}

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05);
}

/*
    jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened {
  overflow: hidden;
  position: relative;
}
html.mm-opened body {
  overflow: hidden;
}
html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}
.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}
.mm-menu.mm-current {
  display: block;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-device-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-device-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
  }
}
/*
    jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
.mm-buttonbar:after {
  content: '';
  display: block;
  clear: both;
}
.mm-buttonbar > * {
  border-left: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mm-buttonbar > a {
  text-decoration: none;
}
.mm-buttonbar > input {
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.mm-buttonbar > input:checked + label {
  border-color: transparent  !important;
}
.mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * {
  border-left: none;
}
.mm-buttonbar.mm-buttonbar-2 > * {
  width: 50%;
}
.mm-buttonbar.mm-buttonbar-3 > * {
  width: 33.33%;
}
.mm-buttonbar.mm-buttonbar-4 > * {
  width: 25%;
}
.mm-buttonbar.mm-buttonbar-5 > * {
  width: 20%;
}

.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px;
}

.mm-footer .mm-buttonbar {
  border: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px;
}
.mm-footer .mm-buttonbar > * {
  border-left: none;
}

.mm-list > li > .mm-buttonbar {
  margin: 10px 20px;
}

.mm-menu .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: #333333;
}
.mm-menu .mm-buttonbar > * {
  border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu .mm-buttonbar > input:checked + label {
  background: rgba(255, 255, 255, 0.6);
  color: #333333;
}

/*
    jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}
em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}
em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}
em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

/*
    jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*
    jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}

.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px;
}
.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}

/*
    jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close {
  padding-top: 30px;
}
.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
}
.mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close {
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  min-width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.mm-header .mm-prev {
  padding-left: 20px;
  padding-right: 10px;
  left: 0;
}
.mm-header .mm-next, .mm-header .mm-close {
  padding-left: 10px;
  padding-right: 20px;
  right: 0;
}
.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-header [href].mm-prev:before {
  border-right: none;
  border-bottom: none;
  margin-left: 2px;
  margin-right: 5px;
}
.mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
  margin-left: 5px;
  margin-right: -2px;
}
.mm-header [href].mm-next:after {
  border-top: none;
  border-left: none;
}
.mm-header [href].mm-close:after {
  content: 'x';
}

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px;
}
.mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close {
  padding-top: 20px;
}
.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px;
}
.mm-menu.mm-hasheader > .mm-panel.mm-list {
  padding-top: 60px;
}
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
  margin-top: -20px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
  padding-top: 100px;
}
.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after {
  border-color: rgba(255, 255, 255, 0.3);
}

/*
    jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px;
}
.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05);
}

/*
    jQuery.mmenu searchfield addon CSS
*/
.mm-search {
  box-sizing: border-box;
}
.mm-search input {
  box-sizing: border-box;
}

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px;
}
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0;
}

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0;
}

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0;
}
.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.mm-search {
  padding: 10px;
}
.mm-search input {
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}
.mm-search input::-ms-clear {
  display: none;
}

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0;
}
.mm-menu .mm-noresultsmsg:after {
  border: none !important;
}

.mm-noresults .mm-noresultsmsg {
  display: block;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}
.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px;
}
.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
  margin-top: -20px;
}
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px;
}
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
  padding-top: 0;
}
.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3);
}

/*
    jQuery.mmenu toggles addon CSS
*/
input.mm-toggle, input.mm-check {
  position: absolute;
  left: -10000px;
}

label.mm-toggle, label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2;
}
label.mm-toggle:before, label.mm-check:before {
  content: '';
  display: block;
}
label.mm-toggle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px;
}
label.mm-toggle:before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px;
}
label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0;
}
.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px;
}

label.mm-toggle, label.mm-check {
  right: 20px;
}
label.mm-toggle + a, label.mm-toggle + span {
  margin-right: 70px;
}
label.mm-check + a, label.mm-check + span {
  margin-right: 50px;
}

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
  right: 50px;
}
a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px;
}
a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span {
  margin-right: 80px;
}

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px;
}
em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px;
}
em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px;
}

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}
.mm-menu label.mm-toggle:before {
  background: #333333;
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}

/*
    jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%);
}
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
}
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%);
}
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left;
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
}

/*
    jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

@media all and (max-device-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-device-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
  }
}
@media all and (max-device-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-device-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
  }
}
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/*
    jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top, .mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.mm-menu.mm-right {
  left: auto;
  right: 0;
}
.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}

@media all and (max-device-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-device-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
  }
}
/*
    jQuery.mmenu z-position extension CSS
*/
.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

/*
    jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: #000000;
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: #3C8CC7;
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: #ccc;
}
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3;
}
.mm-menu.mm-light .mm-buttonbar > * {
  border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light .mm-buttonbar > input:checked + label {
  background: rgba(0, 0, 0, 0.6);
  color: #f3f3f3;
}
.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-light label.mm-toggle:before {
  background: #f3f3f3;
}
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.06);
}
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white;
}
.mm-menu.mm-white .mm-buttonbar > * {
  border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white .mm-buttonbar > input:checked + label {
  background: rgba(0, 0, 0, 0.6);
  color: white;
}
.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after {
  border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-white label.mm-toggle:before {
  background: white;
}
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25);
}
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black;
}
.mm-menu.mm-black .mm-buttonbar > * {
  border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black .mm-buttonbar > input:checked + label {
  background: rgba(255, 255, 255, 0.6);
  color: black;
}
.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after {
  border-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15);
}
.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-black label.mm-toggle:before {
  background: black;
}
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu.mm-current {
  display: block !important;
}
.mm-menu .mm-list {
  padding: 0 0 20px 0;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

/*
   jQuery.mmenu custom
*/
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  width: auto;
  margin-left: 0px;
  position: relative;
  left: auto;
}
.mm-list > li > a, .mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 18px;
  display: block;
  padding: 10px 10px 10px 23px;
  margin: 0;
}
.mm-list a.mm-subclose {
  text-indent: 0;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -13px;
  left: 10px;
}
.mm-list > li.tagline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  height: 48px;
  padding-top: 3px;
}
.mm-list > li.products, .mm-list > li.search {
  /*margin-bottom: 20px;*/
}
.mm-list > li.myselection, .mm-list > li.professional-area {
  margin-top: 20px;
}

/* ===== Magnific Popup CSS ================================================== */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 503;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur {
  cursor: pointer;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #666666;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.markets-white-popup .mfp-close {
  color: #666666 !important;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  /*color: $main-fore-color;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;*/
  color: #CCC;
  right: 0;
  text-align: right;
  padding-right: 6px;
  width: 100%;
  top: 35px;
  font-size: 32px;
}

.lt-ie9.lt-ie8 .mfp-image-holder .mfp-close, .lt-ie9.lt-ie8 .mfp-iframe-holder .mfp-close {
  right: 6px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: #666666;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 0 solid black;
  left: 5px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  border-right: 20px solid #ddd;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 0px solid black;
  left: 3px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 20px solid #ddd;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-device-width: 800px) and (orientation: landscape), screen and (max-device-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  /* The shadow behind the image */
}
@media all and (max-device-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }

  .mfp-ie7 .mfp-img {
    padding: 0;
  }
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  .mfp-ie7 .mfp-container {
    padding: 0;
  }
  .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }
}
/* ==========================================================================
   Author styles
   ========================================================================== */
#ventanaChatLOPD {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 15px;
  width: 180px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  transform: translateY(calc(100% - 41px));
  -o-transform: translateY(calc(100% - 41px));
  -ms-transform: translateY(calc(100% - 41px));
  -moz-transform: translateY(calc(100% - 41px));
  -webkit-transform: translateY(calc(100% - 41px));
  transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -o-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -ms-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -moz-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
  -webkit-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s;
}
#ventanaChatLOPD:hover {
  width: 280px;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
#ventanaChatLOPD #tituloLOPD {
  padding: 12px 10px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  user-select: none;
  color: white;
  background-color: #808080;
}
#ventanaChatLOPD #idlpd {
  width: 280px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #444;
}
#ventanaChatLOPD #idlpd input {
  position: relative;
  top: 1px;
  margin-right: 5px;
  width: 13px;
}
#ventanaChatLOPD #idlpd p {
  padding: 0 10px;
}
#ventanaChatLOPD #idlpd a {
  text-decoration: underline;
  color: #808080;
}
#ventanaChatLOPD #idlpd button {
  display: block;
  margin: 15px 0 0;
  border-radius: 4px;
  border: 0;
  padding: 8px 12px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #808080;
  color: white;
}
#ventanaChatLOPD #idlpd button:hover {
  opacity: .8;
}

.roca-empty {
  width: 100%;
  min-height: 600px;
  display: block;
}

#roca-empty-loading {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff url(../img-static/loader_gray_48.gif) no-repeat center center;
  z-index: 64001;
  width: 100%;
  height: 100%;
  display: none;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*  GENERAL STYLES  */
.main-content {
  margin-top: 0;
  background-color: #ffffff;
  padding: 5px 0 10px 0;
}
.main-content.section {
  padding-bottom: 0;
}

.softgrey {
  color: #b1b1b1;
}

/* BREADCRUMB */
div.breadcrumb {
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
div.breadcrumb ul:after {
  content: '';
  display: block;
  clear: both;
}
div.breadcrumb ul {
  display: block;
  padding: .29em 5px 0 0;
}
div.breadcrumb ul li {
  display: inline;
  float: left;
  padding: 0 .35em 0 0;
  font-size: .75em;
}
div.breadcrumb ul li a {
  color: #000000;
  text-transform: uppercase;
}
div.breadcrumb ul li a:hover {
  color: #0096d0;
  outline: none;
}

/* PRODUCT CATALOGUE
 ========================================================================== */
.clear {
  clear: both !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.espacio {
  height: 6px;
}

.none {
  display: none !important;
}

.hidder {
  visibility: hidden;
}

.linea {
  border-bottom: 1px #ddd solid;
}

.textcenter {
  text-align: center !important;
}

.autoheight {
  min-height: 300px !important;
}

.white {
  color: #fff !important;
}

.grey {
  color: #666666;
}

.dark_grey {
  color: #505050;
}

.soft_grey {
  color: #A7A7A7;
}

.cool_gray_bkg {
  background-color: #f1f2f3;
}

.white_bkg {
  background-color: #fff;
}

.soft_grey_bkg {
  background-color: #A7A7A7;
}

.roca_blue {
  background-color: #a9c6d5 !important;
  background-image: none !important;
}

.grey_eee {
  background: #D7D7D7 url(../img-static/tit_list_bkg.gif) repeat-x;
}

.black {
  color: #000000 !important;
  font-weight: bold;
}

.thebold {
  font-weight: normal;
}

.blue {
  color: #3c8cc7 !important;
}
.blue p {
  color: #3c8cc7 !important;
}

.borderbottom {
  border-bottom: 1px #fff solid !important;
}

.no-border {
  border: none !important;
}
.no-border ul li {
  border: none !important;
}

.rojo {
  color: red !important;
}

/* .twelve {font-size: 12px !important;} */
.thirteen, .fourteen {
  font-size: 13px !important;
}

.three.columns h3.entry-title {
  margin: 0 0 10px 0;
}
.three.columns p.entry-summary {
  margin: 10px 0 0 0;
  padding: 1px 4px 0 0;
  color: #000000;
  line-height: 120%;
  font-size: 13px;
}
.three.columns h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

h2.entry-title, .collection-page .entry-header h2.entry-title {
  margin: 0;
  font-size: 1.5em;
}

.goto-local-bt:hover {
  cursor: pointer;
}
.goto-local-bt h3 {
  font-size: 12px;
  margin: 2% 0 0 0;
  padding: 0;
  line-height: 114%;
  color: #0096d0;
  text-align: center;
}
.goto-local-bt p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 114%;
  color: #666666;
}

.fixmargin {
  margin-top: 4px !important;
}

/*this style is only for linking to static web market
--------------------------------------------------------------------------------*/
ul.market {
  display: none;
  float: right;
  width: 24%;
  height: 25px;
  color: #fff;
}
ul.market li {
  list-style-type: none;
  display: inline;
  font-size: 0.75em;
}

/*-- nuevo product gallery --*/
.column2 li.specialgallery {
  border: 1px solid #ddd;
  display: inline;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  height: 31px;
  max-width: 48px;
}

/* loading box */
#loading_box {
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 110px;
  border-bottom: -200px;
  left: 0;
  z-index: 9999;
  /*	display: none;
  	background-img: rgb(255, 255, 255);
    	opacity:0.6;
  	filter: alpha(opacity=50);
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}
#loading_box span {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: transparent url("../img-static/loader_gray_48.gif") no-repeat center center;
  display: block;
}

#infinite_scroll_loading_box {
  margin: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 110px;
  border-bottom: -200px;
  left: 0;
  z-index: 9999;
  /*	display: none;
  	background-img: rgb(255, 255, 255);
    	opacity:0.6;
  	filter: alpha(opacity=50);
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}
#infinite_scroll_loading_box span {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: transparent url("../img-static/loader_gray_48.gif") no-repeat center center;
  display: block;
}

/* ESTILOS PARA inputs wrapper divs
First, we absolutely positioned the input and label pair so that we could layer the label over the input, like a mask. For this to work, we relatively positioned the wrapper div to contain the input and label
*/
.custom-checkbox, .custom-radio {
  position: relative;
}

/* input, label positioning */
.custom-checkbox input, .custom-radio input {
  position: absolute;
  left: 2px;
  top: 3px;
  margin: 0;
  z-index: 0;
}

/* Next, we styled each type of label (checkbox and radio button) with a background image we used an image sprite for all states: default, hover, and checked */
.custom-checkbox label, .custom-radio label {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 1.3em;
  padding-right: 1em;
  line-height: 1;
  padding: .5em 0 .5em 30px;
  margin: 0 0 .3em;
  cursor: pointer;
}

/* And added classes for hover and checked states that repositioned the background sprite accordingly. We also included a class for the "focus" state for keyboard users */
.custom-checkbox label, .custom-radio label {
  background-position: -10px -14px;
}

.custom-checkbox label.hover, .custom-checkbox label.focus {
  background-position: -10px -114px;
}

.custom-radio label.hover, .custom-radio label.focus {
  background-position: -10px -114px;
}

.custom-checkbox label.checked, .custom-radio label.checked {
  background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
  background-position: -10px -314px;
}
.custom-checkbox label.focus {
  outline: 1px dotted #ccc;
}

.custom-radio label.focus {
  outline: 1px dotted #ccc;
}

.dd-select label {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.dd-pointer-down {
  background: url("../img-static/ui-icons_888888_256x240.png") no-repeat -15px -129px;
  width: 16px !important;
  height: 16px !important;
}

.dd-pointer-up {
  background: url("../img-static/ui-icons_888888_256x240.png") no-repeat -47px -130px !important;
  width: 16px !important;
  height: 16px !important;
}

/* Modificacion, CLASE CREADA, S'HA DE MODIFICAR */
.link_but {
  margin: 2em 0 6em 0;
  clear: both;
  float: left;
}

.balloon.hidden {
  display: none !important;
}

.balloon.visible {
  display: block !important;
}

.balloon-inner {
  padding-right: 20px;
  position: relative;
}

.balloon-close {
  background: #efefef;
  border: 0;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 0;
  width: 20px;
  z-index: 50;
}

/* Requires globals.css */
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px;
}

.row form .row {
  margin: 0 -6px;
}
.row form .row .column, .row form .row .columns {
  padding: 0 6px;
}
.row form .row.collapse {
  margin: 0;
}
.row form .row.collapse .column, .row form .row.collapse .columns {
  padding: 0;
}

label {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px;
}
label.right {
  float: none;
  text-align: right;
}
label.inline {
  line-height: 32px;
  margin: 0 0 12px 0;
}

li label {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  display: block;
}

.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px;
}

a.button.prefix, a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

span.prefix, span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc;
}

.prefix {
  left: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-left-radius: 2px;
  -ms-border-top-left-radius: 2px;
  -o-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
}

.postfix {
  right: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -ms-border-top-right-radius: 2px;
  -o-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

input[type="textSearch"], input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 13px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 13px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize {
  font-size: 17px;
  padding: 4px 6px;
}

textarea.oversize {
  font-size: 17px;
  padding: 4px 6px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus {
  background: #fafafa;
  border-color: #b3b3b3;
}

textarea:focus {
  background: #fafafa;
  border-color: #b3b3b3;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled] {
  background-color: #ddd;
}

textarea {
  height: auto;
}
textarea[disabled] {
  background-color: #ddd;
}

select {
  width: 100%;
}

/* Fieldsets */
fieldset {
  border: solid 0px #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 12px;
  margin: 18px 0;
}
fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 3px;
  margin: 0;
  margin-left: -3px;
}

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
}

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  outline-color: #f5797c;
}

.error label, label.error {
  color: #c60f13;
}

.error small, small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -ms-border-bottom-left-radius: 2px;
  -o-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -ms-border-bottom-right-radius: 2px;
  -o-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */
}
form.custom span.custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #cccccc;
  background: white;
}
form.custom span.custom.radio {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
form.custom span.custom.checkbox:before {
  content: "";
  display: block;
  line-height: 0.8;
  height: 14px;
  width: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
}
form.custom span.custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #222222;
  position: relative;
  top: 3px;
  left: 3px;
}
form.custom span.custom.checkbox.checked:before {
  content: "";
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 150%;
}
form.custom div.custom.dropdown {
  display: block;
  position: relative;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
  margin-top: 2px;
}
form.custom div.custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px;
}
form.custom div.custom.dropdown a.current {
  display: block;
  width: auto;
  line-height: 26px;
  min-height: 28px;
  padding: 0;
  padding-left: 6px;
  padding-right: 38px;
  border: solid 1px #dddddd;
  color: #141414;
  background-color: white;
  white-space: nowrap;
}
form.custom div.custom.dropdown a.selector {
  position: absolute;
  width: 27px;
  height: 28px;
  display: block;
  right: 0;
  top: 0;
  border: solid 1px #dddddd;
}
form.custom div.custom.dropdown a.selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #aaaaaa transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  margin-left: -5px;
}
form.custom div.custom.dropdown:hover a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #222222 transparent transparent transparent;
}
form.custom div.custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #222222 transparent transparent transparent;
}
form.custom div.custom.dropdown.open ul {
  display: block;
  z-index: 10;
}
form.custom div.custom.dropdown.small {
  width: 134px !important;
}
form.custom div.custom.dropdown.medium {
  width: 254px !important;
}
form.custom div.custom.dropdown.large {
  width: 434px !important;
}
form.custom div.custom.dropdown.expand {
  width: 100% !important;
}
form.custom div.custom.dropdown.open.small ul {
  width: 134px !important;
}
form.custom div.custom.dropdown.open.medium ul {
  width: 254px !important;
}
form.custom div.custom.dropdown.open.large ul {
  width: 434px !important;
}
form.custom div.custom.dropdown.open.expand ul {
  width: 100% !important;
}
form.custom div.custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: 0;
  top: 27px;
  margin: 0;
  padding: 0;
  background: white;
  background: rgba(255, 255, 255, 0.95);
  border: solid 1px #cccccc;
}
form.custom div.custom.dropdown ul li {
  color: #555555;
  font-size: 13px;
  cursor: pointer;
  padding: 3px;
  padding-left: 6px;
  padding-right: 38px;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}
form.custom div.custom.dropdown ul li.selected {
  background: #e8e8e8;
  color: black;
}
form.custom div.custom.dropdown ul li.selected:after {
  content: "\2013";
  position: absolute;
  right: 10px;
}
form.custom div.custom.dropdown ul li:hover {
  background-color: #cdebf5;
  color: black;
}
form.custom div.custom.dropdown ul li:hover:after {
  content: "\2013";
  position: absolute;
  right: 10px;
  color: #a3dbec;
}
form.custom div.custom.dropdown ul li.selected:hover {
  background: #cdebf5;
  cursor: default;
  color: black;
}
form.custom div.custom.dropdown ul li.selected:hover:after {
  color: black;
}
form.custom div.custom.dropdown ul.show {
  display: block;
}
form.custom .custom.disabled {
  background-color: #dddddd;
}

.lt-ie8.lt-ie9 .accept input {
  display: inline !important;
}
.lt-ie8.lt-ie9 form.custom.basic span.custom, .lt-ie8.lt-ie9 .call-actions form.custom span.custom {
  display: inline-block !important;
}

/* .lt-ie8.lt-ie9 form.custom span.custom {display: none;} */
/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 28px;
  }
}
.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 28px;
}

.lt-ie8.lt-ie9 select {
  visibility: visible !important;
  margin-left: 0 !important;
  position: static !important;
  height: 30px;
  width: auto;
  padding: 4px 6px;
  line-height: 30px;
  display: inline-block !important;
}
.lt-ie8.lt-ie9 form.custom div.custom.dropdown {
  display: none !important;
}

/* form layout, e-whats news, suscription */
.row .row.suscription {
  margin: 1em 0;
  padding: 1em;
}

.formpage h3.entry-summary {
  font-size: 1.15em;
  margin-bottom: 2em;
}
.formpage .termsandconditions p, .formpage .termsandconditions label {
  font-size: .85em;
  line-height: 130%;
  text-align: justify;
  display: block;
  clear: both;
  color: #747474;
}

.suscription p {
  font-size: .85em;
  line-height: 130%;
  text-align: justify;
  display: block;
  clear: both;
  color: #747474;
}

.termsandconditions {
  margin: .5em 0 1em 0;
}
.termsandconditions p {
  font-size: 11px;
  padding: .5em 1em 2em 0;
}

.formpage {
  font-size: 13px;
  color: #666666;
}

p.descriptive {
  font-size: 0.85em;
  color: #666666;
}

.suscription {
  background-color: #e7e7e7;
  padding-top: 1em;
}
.suscription h5 {
  padding: 0 0 0 1em;
  margin: 0;
}
.suscription .three.columns {
  padding: .5em 0 1em .5em;
}
.suscription .four.columns {
  padding: .5em 0 1em .5em;
}
.suscription .four.columns label {
  font-size: 12px;
  padding-bottom: .25em;
}
.suscription .four.columns .custom.dropdown {
  width: 90% !important;
  font-size: 12px;
}

/* Contact */
.contact form {
  margin-top: 1em;
}

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #dcdcdc;
  border: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  -ms-box-shadow: 0;
  -o-box-shadow: 0;
  box-shadow: 0;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */
}
.button:hover, .button:focus {
  color: #ffffff;
  background-color: #999;
}
.button.large {
  font-size: 17px;
  padding: 15px 30px 16px;
}
.button.medium {
  font-size: 14px;
}
.button.small {
  font-size: 11px;
  padding: 7px 14px 8px;
}
.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px;
}
.button.expand {
  width: 100%;
  text-align: center;
}
.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c;
}
.button.primary:hover, .button.primary:focus {
  background-color: #2284a1;
}
.button.success {
  background-color: #5da423;
  border: 1px solid #396516;
}
.button.success:hover, .button.success:focus {
  background-color: #457a1a;
}
.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c;
}
.button.alert:hover, .button.alert:focus {
  background-color: #970b0e;
}
.button.secondary {
  background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #d0d0d0;
}
.button.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}
.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.button.left-align {
  text-align: left;
  text-indent: 12px;
}
.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #2ba6cb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.button.disabled:hover, .button[disabled]:hover {
  background: #2ba6cb;
}
.button.disabled.success, .button[disabled].success {
  background-color: #5da423;
}
.button.disabled.success:hover, .button.disabled.success:focus {
  background-color: #5da423;
  outline: none;
}
.button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423;
  outline: none;
}
.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
}
.button.disabled.alert:hover, .button.disabled.alert:focus {
  background-color: #c60f13;
  outline: none;
}
.button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13;
  outline: none;
}
.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9;
}
.button.disabled.secondary:hover, .button.disabled.secondary:focus {
  background-color: #e9e9e9;
  outline: none;
}
.button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e9e9e9;
  outline: none;
}

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none;
}

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner {
    border: none;
    padding: 0;
  }

  input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
  }
  input[type="submit"].tiny.button {
    padding: 3px 10px 4px;
  }
  input[type="submit"].small.button {
    padding: 5px 14px 6px;
  }
  input[type="submit"].button {
    padding: 8px 20px 9px;
  }
  input[type=submit].medium.button {
    padding: 8px 20px 9px;
  }
  input[type="submit"].large.button {
    padding: 13px 30px 14px;
  }
}
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */
}
.button.dropdown.large {
  padding-right: 60px;
}
.button.dropdown.small {
  padding-right: 28px;
}
.button.dropdown.tiny {
  padding-right: 20px;
}
.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px;
}
.button.dropdown.large:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  right: 30px;
}
.button.dropdown.small:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-top: -2px;
  right: 14px;
}
.button.dropdown.tiny:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  right: 10px;
}
.button.dropdown > ul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40;
}
.button.dropdown > ul li {
  width: 100%;
  cursor: pointer;
  padding: 0;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}
.button.dropdown > ul li a {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
}
.button.dropdown > ul li button {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left;
  width: 100%;
  border: inherit;
  background: inherit;
  font-family: inherit;
  margin: inherit;
  -webkit-font-smoothing: antialiased;
}
.button.dropdown > ul li:hover, .button.dropdown > ul li:focus {
  background-color: #e3f4f9;
  color: #222;
}
.button.dropdown > ul li.divider {
  min-height: 0;
  padding: 0;
  height: 1px;
  margin: 4px 0;
  background: #ededed;
}
.button.dropdown.up > ul {
  border-top: 1px solid #cccccc;
  border-bottom: none;
}
.button.dropdown ul.no-hover.show-dropdown {
  display: block !important;
}
.button.dropdown:hover > ul.no-hover {
  display: none;
}
.button.dropdown.split {
  padding: 0;
  position: relative;
  /* Sizes */
  /* Triangle Spans */
  /* Colors */
}
.button.dropdown.split:after {
  display: none;
}
.button.dropdown.split:hover, .button.dropdown.split:focus {
  background-color: #2ba6cb;
}
.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus {
  background-color: #c60f13;
}
.button.dropdown.split.success:hover, .button.dropdown.split.success:focus {
  background-color: #5da423;
}
.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
  background-color: #e9e9e9;
}
.button.dropdown.split > a {
  color: white;
  display: block;
  padding: 10px 50px 11px 20px;
  padding-left: 20px;
  padding-right: 50px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus {
  background-color: #2284a1;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.button.dropdown.split.large > a {
  padding: 15px 75px 16px 30px;
  padding-left: 30px;
  padding-right: 75px;
}
.button.dropdown.split.small > a {
  padding: 7px 35px 8px 14px;
  padding-left: 14px;
  padding-right: 35px;
}
.button.dropdown.split.tiny > a {
  padding: 5px 25px 6px 10px;
  padding-left: 10px;
  padding-right: 25px;
}
.button.dropdown.split > span {
  background-color: #2ba6cb;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  border-left: 1px solid #1e728c;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -ms-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -o-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.button.dropdown.split > span:hover, .button.dropdown.split > span:focus {
  background-color: #2284a1;
}
.button.dropdown.split > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -2px;
}
.button.dropdown.split.secondary > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #1d1d1d transparent transparent transparent;
}
.button.dropdown.split.large span {
  width: 45px;
}
.button.dropdown.split.small span {
  width: 21px;
}
.button.dropdown.split.tiny span {
  width: 15px;
}
.button.dropdown.split.large span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  margin-left: -7px;
}
.button.dropdown.split.small span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -4px;
}
.button.dropdown.split.tiny span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 3px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -3px;
}
.button.dropdown.split.alert > span {
  background-color: #c60f13;
  border-left-color: #7f0a0c;
}
.button.dropdown.split.success > span {
  background-color: #5da423;
  border-left-color: #396516;
}
.button.dropdown.split.secondary > span {
  background-color: #e9e9e9;
  border-left-color: #c3c3c3;
}
.button.dropdown.split.secondary > a {
  color: #1d1d1d;
}
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus {
  background-color: #970b0e;
}
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus {
  background-color: #457a1a;
}
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus {
  background-color: #d0d0d0;
}

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1;
}
ul.button-group:before {
  content: " ";
  display: table;
}
ul.button-group:after {
  content: " ";
  display: table;
  clear: both;
}
ul.button-group li {
  padding: 0;
  margin: 0 0 0 -1px;
  float: left;
}
ul.button-group li:first-child {
  margin-left: 0;
}
ul.button-group.radius li .button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
ul.button-group.radius li .button.radius {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
ul.button-group.radius li .button-rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
ul.button-group.radius li:first-child .button {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
ul.button-group.radius li:first-child .button.radius {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
ul.button-group.radius li:first-child .button.rounded {
  -webkit-border-top-left-radius: 1000px;
  -moz-border-top-left-radius: 1000px;
  -ms-border-top-left-radius: 1000px;
  -o-border-top-left-radius: 1000px;
  border-top-left-radius: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -moz-border-bottom-left-radius: 1000px;
  -ms-border-bottom-left-radius: 1000px;
  -o-border-bottom-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}
ul.button-group.radius li:last-child .button {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.button-group.radius li:last-child .button.radius {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.button-group.radius li:last-child .button.rounded {
  -webkit-border-top-right-radius: 1000px;
  -moz-border-top-right-radius: 1000px;
  -ms-border-top-right-radius: 1000px;
  -o-border-top-right-radius: 1000px;
  border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -moz-border-bottom-right-radius: 1000px;
  -ms-border-bottom-right-radius: 1000px;
  -o-border-bottom-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}
ul.button-group.even .button {
  width: 100%;
}
ul.button-group.even.two-up li {
  width: 50%;
}
ul.button-group.even.three-up li {
  width: 33.3%;
}
ul.button-group.even.three-up li:first-child {
  width: 33.4%;
}
ul.button-group.even.four-up li {
  width: 25%;
}
ul.button-group.even.five-up li {
  width: 20%;
}

div.button-bar {
  overflow: hidden;
}
div.button-bar ul.button-group {
  float: left;
  margin-right: 8px;
}
div.button-bar ul.button-group:last-child {
  margin-left: 0;
}

/*buttons box
--------------------------------------------------------------------------------*/
.bottons {
  height: 30px;
  margin: 10px auto 10px auto;
  clear: both;
  display: none;
}

/* ==========================================================================
   Site common styles
   ========================================================================== */
html, body {
  font-family: Helvetica, Arial, sans-serif;
}

.fullrow {
  width: 100%;
  max-width: 100%;
  min-width: 990px;
  margin: 0 auto;
}
.fullrow.slider .twelve.columns.featured.orbit img {
  width: 990px;
  height: auto;
}

a {
  color: #666666;
  text-decoration: none;
}
a:hover {
  color: #0096d0;
}

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

.no_scalable {
  width: auto !important;
  max-width: auto !important;
  height: auto;
}

.hide-desktop {
  display: none !important;
}

/* ==========================================================================
   Homepage styles
   ========================================================================== */
.slider {
  height: 470px;
  overflow: hidden;
}

.orbit {
  margin-bottom: 0;
}

.orbit-controls {
  width: 990px;
  margin: 0 auto;
  position: absolute;
  overflow: visible;
  left: 50%;
  margin-left: -495px;
  display: block;
  height: 1px;
  bottom: 0px;
}

.orbit.with-bullets {
  margin-bottom: 0;
}

div.orbit-wrapper div.slider-nav span {
  top: -235px;
  margin-top: 0;
  position: absolute;
  width: 990px;
  height: 50px;
}

.slider-wrapper .orbit-wrapper {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  overflow: hidden;
}

.fullrow .swiper-home {
  width: 100%;
  max-width: 100%;
  max-height: 673px;
  margin: 0 auto;
  overflow: hidden;
  visibility: hidden;
}

.swiper-container .product-swiper-slide {
  justify-content: center;
  padding-top: 0;
  text-align: center;
}
.swiper-container .product-swiper-slide img {
  vertical-align: middle;
  width: 100%;
}

.morephotos .product-swiper {
  width: 100%;
  border: 1px #ddd solid;
  background-color: #fff;
}

.emblemat-recognit .emblematic-swiper {
  width: 525px;
  height: 371px;
}

div.orbit-wrapper div.timer {
  background: url(../images/foundation/orbit/controls-bkg.png);
  width: 22px;
  height: 22px;
  bottom: 17px !important;
  left: 0;
  top: auto !important;
  opacity: 0;
  visibility: hidden;
}
div.orbit-wrapper span.pause {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  background: url(../images/foundation/orbit/pause-white.png) no-repeat -14px -14px;
  z-index: 1;
  opacity: 1;
}
div.orbit-wrapper li.timer span.pause {
  display: none;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  background: url(../images/foundation/orbit/pause-white-box.png) no-repeat -8px -9px;
}
div.orbit-wrapper span.pause.active {
  background-position: -8px -49px !important;
}

.slider-wrapper ul.orbit-bullets {
  bottom: 17px;
  left: 14px;
  margin-left: 0;
  opacity: 1;
}

.solution-detail-box .slider-wrapper ul.orbit-bullets {
  bottom: 10px;
  left: 0;
  margin: 5px 0 0 0;
  opacity: 1;
  position: absolute;
}

.slider-wrapper ul.orbit-bullets li {
  height: 22px;
  width: 22px;
  margin: 0;
}

.lt-ie8 div.orbit-wrapper div.timer {
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/foundation/orbit/controls-bkg.png',sizingMethod='scale')";
}

.slider-wrapper .orbit-wrapper div.slider-nav span.right {
  right: 2px;
  background: transparent url(../images/rocaUI/resources.png) no-repeat -115px -80px !important;
  width: 31px !important;
  height: 45px !important;
}
.slider-wrapper .orbit-wrapper div.slider-nav span.left {
  left: 2px;
  background: transparent url(../images/rocaUI/resources.png) no-repeat -83px -80px !important;
  width: 31px !important;
  height: 45px !important;
}

#featured {
  display: none;
}

.featured .content {
  width: 990px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -495px;
  height: 100%;
  overflow: hidden;
  top: 0;
}
.featured .content h1 {
  position: absolute;
  bottom: 74px;
  left: 10px;
  color: #fff;
  text-shadow: 2px 2px 2px #666666;
}
.featured .content h1 a {
  color: #fff;
}
.featured .content h1 a:hover {
  color: #fff;
  text-shadow: 3px 3px 3px #ddd;
}
.featured .content h2 {
  position: absolute;
  bottom: 48px;
  left: 10px;
  color: #fff;
  text-shadow: 2px 2px 2px #666666;
}

.slider-wrapper ul.orbit-bullets li:first-child {
  margin: 0;
}

ul.orbit-bullets li.timer {
  display: none;
}

.lt-ie8 .slider-wrapper .orbit-wrapper, .lt-ie8 .orbit {
  height: 100% !important;
}
.lt-ie8 .slider-wrapper ul.orbit-bullets {
  /* left: 0; */
}

/* gallery video */
/*.gallery-video {position: relative; margin-left: 53%; margin-top: 5%;}*/
/*.gallery-video.custom {position: relative; margin-left: 47%; margin-top: 5%;}*/
.videoWrapper {
  position: relative;
  /*padding-bottom: 56.25%;*/
  /* 16:9 */
  padding-top: 25px;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.videoWrapper iframe {
  position: relative;
  top: 0;
  left: 2px;
  width: 99%;
  height: 99%;
}

.collection .videoWrapper iframe {
  left: 4px;
}

/* home carrousel > base banner */
.jcarousel-clip-horizontal {
  /* width: 987px !important;  */
  width: 935px !important;
  height: 154px;
  overflow: hidden;
  margin: 0 auto;
}

.home-highlighted-2 li.columns.jcarousel-item {
  padding: 0;
  margin-right: 1px;
  height: 154px;
}

.jcarousel-container li.jcarousel-item a:hover {
  color: #fff !important;
}

li.jcarousel-item {
  position: relative;
}
li.jcarousel-item .label:hover {
  opacity: 1;
}

.jcarousel-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.jcarousel-container li h2 {
  padding: 3px 2px 2px 5px !important;
}
.jcarousel-container li.jcarousel-item a h2 {
  color: #CDCDCD;
}
.jcarousel-container li.jcarousel-item a h2:hover {
  color: #fff;
}
.jcarousel-container li.fivebox h2 {
  padding-left: 16px !important;
}
.jcarousel-container ul > :first-child {
  margin-left: 0 !important;
}

.jcarousel-prev, .jcarousel-next {
  position: absolute;
  top: 0;
  z-index: 3333;
  width: 26px;
  height: 154px;
  cursor: pointer;
}

.jcarousel-prev {
  left: 0;
  background: #070707 url("../images/rocaUI/resources.png") no-repeat scroll -352px -30px;
}

.jcarousel-next {
  right: 0;
  background: #070707 url("../images/rocaUI/resources.png") no-repeat scroll -403px -30px;
}

.jcarousel-prev-disabled {
  background-color: #070707 !important;
  background-image: none;
}
.jcarousel-prev-disabled:hover {
  background-color: #070707 !important;
  background-image: none;
}

.jcarousel-prev:hover, .jcarousel-next:hover {
  background-color: #1c1c1c;
}

div.prev p, div.next p {
  text-indent: -6000px;
}

.jcarousel-container .content {
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 56px !important;
}

li.jcarousel-item.news-home .content h2, li.jcarousel-item.events-home .content h2 {
  font-size: 13px;
  line-height: 110%;
}

.news-home .label, .events-home .label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  padding: 3px;
  font-size: 13px;
  color: #666666;
  text-transform: uppercase;
  z-index: 999;
}

.country-nav {
  position: relative;
  top: 0px;
  background-color: #7f7f7f;
  font-size: 14px;
  text-align: center;
  transition: .3s all ease;
}
.country-nav:hover {
  opacity: .8;
}
.country-nav a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #fff;
  text-transform: none;
}
.country-nav a:hover {
  text-decoration: none;
}

.markets-white-popup {
  position: relative;
  background: #e8e8e8;
  padding: 20px;
  width: auto;
  max-width: 990px;
  min-height: 740px;
  height: auto;
  margin: 0 auto;
  display: block;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
.markets-white-popup .country-tit {
  border-bottom-color: #666666;
  color: #666666;
}

/* ==========================================================================
   Orbit Solutions Page
   ========================================================================== */
.solutions-img-detail .orbit-controls {
  width: 718px;
  margin: 0 auto;
  position: absolute;
  overflow: visible !important;
  left: 0 !important;
  display: block;
  height: 1px;
  top: 578px;
}
.solutions-img-detail .slider-wrapper .orbit-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 575px !important;
}
.solutions-img-detail .slider-wrapper .orbit-wrapper div.slider-nav span.right {
  top: -332px;
  right: 2px;
  background: transparent url(../images/rocaUI/resources.png) no-repeat -115px -80px !important;
  width: 31px !important;
  height: 45px !important;
}
.solutions-img-detail .slider-wrapper .orbit-wrapper div.slider-nav span.left {
  top: -332px;
  left: 2px;
  background: transparent url(../images/rocaUI/resources.png) no-repeat -83px -80px !important;
  width: 31px !important;
  height: 45px !important;
}
.solutions-img-detail div.orbit-wrapper span.pause {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  /* background:url(../images/foundation/orbit/pause-black-box.png) no-repeat -14px -14px !important;  */
  z-index: 1;
  opacity: 1;
}
.solutions-img-detail div.orbit-wrapper li.timer span.pause {
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  background-color: #666666;
}
.solutions-img-detail ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  background: url("../images/foundation/orbit/bullets-box-solutions.png") no-repeat 0 0;
  width: 25px;
  height: 22px;
  overflow: hidden;
  position: relative;
}

/* solutions home / detail
--------------------------------------------------------------------------------*/
.row .solution-detail-box .row.solution-detail-tit {
  margin: 0 0 10px 0 !important;
}

.solution-detail-tit .nine.columns {
  margin: 0;
  padding: 0;
}

.solution-designer.nine.columns {
  margin: 0;
  padding: 0;
}

.solution-home-box {
  min-height: 412px;
  margin: 0;
  padding: 0 0 6px 0;
  vertical-align: top;
}

.lt-ie9 .solution-home-box {
  padding-left: 2px;
}

/*.solution-home-box:nth-child(2n+1){
    padding-right: 2px;
}*/
.solution-home-box:nth-child(2n) {
  float: left;
  display: inline-block;
  /*padding-left: 2px;*/
}
.solution-home-box.odd {
  padding-left: 5px;
}
.solution-home-box.even {
  padding-right: 5px;
  clear: both;
  float: left;
}

.out_solution {
  width: 100%;
  height: 248px;
  margin-bottom: 0;
  position: relative;
  border-top: 2px solid #dcdcdc;
}

/*.in_solution {
	position: absolute;
	top:0;
	left:0;
	clip: rect(0px 336px 238px 0px);
}*/
.solution-home-box a {
  cursor: pointer;
}
.solution-home-box a:link {
  cursor: pointer;
}
.solution-home-box a:hover {
  background-color: #e8e8e8;
  background-image: none !important;
  cursor: pointer;
}
.solution-home-box:hover {
  background-color: #e8e8e8;
  background-image: none !important;
  cursor: pointer;
}

.solutions-img-detail {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  clear: both;
}

div.solutions-img-detail div {
  overflow: hidden;
  margin: inherit;
}

.solution-home-box h3, .solution-home-box p {
  padding: 0 2px 0 2px !important;
}
.solution-home-box h3 a {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
}
.solution-home-box h3 a:link {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
}
.solution-home-box h3 a:hover {
  color: #3C8CC7;
}

ul.solutions-menu {
  padding: 7px 0 0 0 !important;
}
ul.solutions-menu li {
  line-height: 150% !important;
  padding: 0 0 0 0;
}
ul.solutions-menu li h2 {
  line-height: 170% !important;
}
ul.solutions-menu li h2 a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background: transparent url("../images/rocaUI/solutions-line-bkg.png") no-repeat 0 21px;
}
ul.solutions-menu li h2 a:hover {
  color: #ffffff !important;
}
ul.solutions-menu li a:hover {
  color: #ffffff !important;
}
ul.solutions-menu2 {
  margin: 0 4px 0 12px;
  list-style: none;
  margin-top: 6px;
}
ul.solutions-menu2 li {
  font-size: 13px;
  line-height: 200%;
  font-weight: bold;
  text-align: left;
  color: #000000;
  border-bottom: #ddd 1px solid;
  width: 100%;
  display: block;
}
ul.solutions-menu2 li a {
  color: #333;
  display: block;
  text-indent: 3px;
}
ul.solutions-menu2 li a:hover {
  color: #666666;
  width: 100%;
  cursor: pointer;
}
ul.solutions-menu2 li:hover {
  background: #ddd url(../img-static/pagination-bkg.jpg) repeat;
  background-position: left bottom;
}
ul.solutions-menu2 li:hover a {
  color: #666666;
  width: 100%;
  cursor: pointer;
}

.solutions-title-page {
  width: 100%;
}
.solutions-title-page h2 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  padding: 0;
}

.solution-designer.hide-mobile {
  clear: both;
  display: block;
  float: none;
  margin: auto;
  padding: 0 0 0 0;
  height: auto;
}
.solution-designer img {
  width: auto;
  height: auto;
  margin: 0;
}
.solution-designer .short-description {
  color: #000000 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.35em !important;
  display: block;
  margin-bottom: 8px;
  text-indent: 0;
}

.product-designer .designer-description {
  color: #444444;
}
.product-designer .short-description {
  color: #000000 !important;
  display: block;
  text-indent: 0;
  margin-bottom: 8px;
}

.main-content .nine .solution-designer p {
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
}

.solution-designer h6 {
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}

/*.solution-detail-tit {
	margin: 45px auto 0 auto;
	width: 100%;
	min-height: 70px;
}*/
/*.solution-detail-tit h1{
	width: 31.5%;
	margin: 0 0 0 5px !important;
	padding-top: 5px !important;
	vertical-align: top;
	display: inline;
	float: left;
	font-size: 23px;
}*/
/*.solution-detail-tit p{
	text-align: justify;
	float: left;
	width: 64%;
	vertical-align: top;
	margin: 0 9px 8px 3px;
	display: inline;
}*/
.solution-home-box p {
  text-align: left;
  height: 120px;
}

.solutions-white-space {
  width: 90%;
  height: 1px;
  background-color: #fff;
  clear: both;
}

.lt-ie8.lt-ie9 .solutions-img-detail {
  margin: 0 0 0 0;
  padding: 0;
  clear: both;
}
.lt-ie8.lt-ie9 .solution-home-box p {
  text-align: justify;
  word-wrap: normal !important;
}
.lt-ie8.lt-ie9 .solution-detail-tit p {
  text-align: justify;
  float: left;
  width: 63%;
  vertical-align: top;
  margin: 0 4px 8px 5px;
  display: inline;
}

/* SOLUTIONS LANDING */
.solution-landing .solution-home-box {
  min-height: 300px !important;
  margin-bottom: 0;
}

.lt-ie9 .solution-landing .solution-home-box {
  min-height: 340px !important;
}

.solution-landing .solution-home-box:nth-child(2n+1) {
  clear: both;
}
.solution-landing .solution-home-box h3 {
  cursor: default;
  margin-top: 5px;
  font-size: 18px;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
}
.solution-landing .solution-home-box h3 a {
  font-size: 18px;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  padding-left: 1px;
}
.solution-landing .solution-home-box h3:hover {
  color: #0096d0;
  cursor: pointer;
}

/* show image in solutions menu for international site */
.solution-image-menu {
  position: absolute;
  left: 280px;
  top: 0;
  width: 360px;
  height: 255px;
  overflow: hidden;
}
.solution-image-menu.visible {
  display: inline !important;
}

.solution-detail-box h3 {
  text-transform: uppercase;
  color: black;
  font-weight: normal;
  font-size: 16px;
}
.solution-detail-box .videoWrapper {
  /*width: 500px;
  display: inline-block;*/
  margin-right: 20px;
}

/* widgets ecommerce */
.widget-home {
  overflow: hidden;
}
.widget-home ul > li {
  height: 280px;
  text-align: center;
}
.widget-home ul > li a {
  width: 100%;
}
.widget-home ul > li img {
  height: 64.5%;
  width: auto !important;
  text-align: center;
}
.widget-home ul > li p {
  text-align: center;
  font-size: 13px;
  margin: 0;
  color: #666666;
  text-rendering: optimizeLegibility;
}
.widget-home ul > li p span {
  color: #000000;
  font-weight: bold;
}

.widget-label {
  text-align: center;
}

.widget-one.row, .widget-coleccion.row, .widget-productos.row, .widget-two.row, .widget-three.row {
  margin: 20px 0 !important;
  position: relative;
}

.widget-one.row .row, .widget-productos.row .row, .widget-compatible.row .row, .widget-two.row .row, .widget-three.row .row {
  margin: 0 !important;
  position: relative;
}

.widget-two img {
  width: 100%;
  height: auto;
}

.widget-coleccion, .widget-compatible {
  padding: .5em 0;
}

.widget-coleccion .five.columns {
  min-height: 330px;
  width: 43%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.widget-coleccion .five.columns:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.widget-coleccion img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 3px !important;
}
.widget-coleccion .product-mosaic {
  width: 52%;
  float: right !important;
  margin-right: 13px;
}

.widget-productos .product-mosaic {
  width: 100%;
}

.widget-coleccion .product-mosaic li {
  width: 33.33%;
}
.widget-coleccion .swiper-wrapper {
  padding-bottom: 20px;
}
.widget-coleccion .product-mosaic {
  padding: 0;
}
.widget-coleccion h5 {
  margin: 5px 0 0 0;
  color: #000000 !important;
}

.row.main-content.products .widget-coleccion.row {
  margin: 0;
}
.row.main-content.products .widget-coleccion.row .row {
  margin: 0;
}

.widget-coleccion .swiper-slide img, .widget-productos .swiper-slide img {
  width: 72%;
  margin-bottom: 0px;
  margin-top: 5px;
}

.widget-coleccion > div {
  margin-bottom: 8px;
}
.widget-coleccion div.mosaic-list-in {
  padding: 0 6px;
  vertical-align: top;
}
.widget-coleccion .product-mosaic li a {
  height: auto !important;
}

.widget-productos .twelve.columns h3.title {
  padding-bottom: 8px;
}

.widget-coleccion h3.title, .widget-coleccion h5, .widget-coleccion p.description {
  padding-left: 0px !important;
}
.widget-coleccion h3.title {
  font-size: 14px !important;
  color: #666666;
}

.widget-productos h3.title {
  font-size: 14px !important;
  color: #666666;
}

.widget-coleccion div.mosaic-my-roca div.add.wish {
  margin-left: 0;
}

.widget-one, .widget-two {
  position: relative;
}

.widget-one {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
}
.widget-one .four.columns {
  height: 214px;
}
.widget-one div {
  position: relative;
  display: block;
}
.widget-one .in {
  padding: 25% 2% 0 0;
}
.widget-one img {
  margin-bottom: 0 !important;
}

.widget-two.row .six.columns .twelve.columns {
  float: left;
}
.widget-two.row .six.columns:last-child .twelve.columns {
  float: right;
}
.widget-two .in {
  padding-bottom: 15px;
}

.widget-three .in {
  padding-bottom: 15px;
}
.widget-three.row .twelve.columns {
  background: #ffffff;
  width: 97.5%;
  float: left;
}

.widget-two.row .twelve.columns {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-top: none;
}

.widget-three.row .twelve.columns {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-top: none;
}
.widget-three.row .four.columns {
  padding: 0 2px 0 2px;
}

.widget-two.row .six.columns {
  padding: 0 2px 0 2px;
}

.widget-three.row .four.columns:last-child {
  float: right;
}
.widget-three.row .twelve.columns {
  width: 100%;
}

.widget-two.row .twelve.columns:first-child, .widget-three.row .twelve.columns:first-child {
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}

.widget-two.row .twelve.columns img {
  width: 100%;
  height: auto;
}
.widget-two.row .twelve.columns h3, .widget-two.row .twelve.columns p {
  width: 95%;
  margin: 0 auto;
}

.widget-three.row .twelve.columns h3, .widget-three.row .twelve.columns p {
  width: 91%;
  margin: 0 auto;
}

.widget-one.row .four.columns h3, .widget-two.row .twelve.columns h3, .widget-three.row .twelve.columns h3 {
  color: #000000 !important;
}

.widget-one.row.visualEffect .four.columns h3, .widget-two.row .visualEffect .twelve.columns h3, .widget-three.row .visualEffect .twelve.columns h3 {
  color: #0096d0 !important;
}

.widget-one.row .four.columns img, .widget-two.row .twelve.columns img, .widget-three.row .twelve.columns img {
  margin-bottom: 0 !important;
}

.widget-two.row .twelve.columns .in, .widget-three.row .twelve.columns .in {
  padding-top: 10px;
}

.widget-one.row .four.columns p, .widget-two.row .twelve.columns p, .widget-three.row .twelve.columns p {
  font-size: 13px;
}

.widget-coleccion .twelve.columns p.description {
  font-size: 13px;
  padding: 5px 10px !important;
}
.widget-coleccion .twelve.columns p.description.more {
  color: #0096d0;
}
.widget-coleccion .twelve.columns h5 {
  padding-left: 10px !important;
}
.widget-coleccion .visualEffect.five .twelve.columns h5 {
  padding-left: 10px !important;
  color: #0096d0 !important;
}

.widget-three.row .twelve.columns img {
  width: 100%;
  height: auto;
}

/* banners home */
.home-highlighted-1, .home-highlighted-2 {
  background: transparent;
  padding-top: 10px;
  position: relative;
}

.home-highlighted-1 .columns {
  background: transparent;
  padding-right: 0px;
}
.home-highlighted-1 .columns .bannerframe {
  width: 98%;
  margin: 0 auto 15px auto;
  clear: both;
  border: 1px solid #e5e5e5;
}
.home-highlighted-1 .columns .picture {
  padding: 0;
  height: 212px;
  overflow: hidden;
}

.home-highlighted-2 .columns {
  background: transparent;
  padding-right: 1px;
}
.home-highlighted-2 .columns .picture {
  padding: 0;
  height: 102px;
  overflow: hidden;
}
.home-highlighted-2 .columns .bannerframe {
  width: 98%;
  margin: 0 auto 15px auto;
  clear: both;
  border: 1px solid #e5e5e5;
}

.home-highlighted-1 .columns:last-child, .home-highlighted-2 .columns:last-child {
  padding-right: 0;
}

.home-highlighted-1 .columns h1, .home-highlighted-1 .columns h2, .home-highlighted-1 .columns h3, .home-highlighted-1 .columns h4, .home-highlighted-1 .columns p {
  line-height: 130%;
  color: #666666;
  padding: .75em 0 0 0;
  margin: 0;
}
.home-highlighted-1 .columns h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #fff;
  padding: 0;
}

.home-highlighted-2 .columns h2, .widget-coleccion h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #fff;
  padding: 0;
}

.home-highlighted-2 .columns h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-highlighted-1 .columns h2 a, .home-highlighted-2 .columns h2 a {
  color: #000000;
  outline: none;
  display: block;
}

.home-highlighted-1 .columns h2 a:hover, .home-highlighted-2 .columns h2 a:hover, .home-highlighted-1 .visualEffect h2 a, .home-highlighted-2 .visualEffect h2 a {
  color: #0096d0;
}

.visualEffect {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.specialfixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  widows: 100%;
  background: #ffffff;
  border-bottom: 1px solid #4a4a4a;
}
.specialfixed .header-logo {
  margin-top: 16px;
}

.home-highlighted-1 .columns h2 {
  font-size: 1.2em;
  margin: 0;
}

.home-highlighted-2 .columns h2 {
  font-size: 1em;
  margin: 0;
}

.home-highlighted-1 .columns p, .home-highlighted-2 .columns p {
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  color: #666666;
  padding: 0 0 1em 0;
}

.home-highlighted-1 .columns p {
  height: 20px;
  width: 315px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-highlighted-1 .columns img {
  width: 100%;
  max-height: 212px !important;
}

.home-highlighted-2 .columns img {
  width: 100%;
  /* height: 100px; */
}

.home-highlighted-1 .columns img:hover, .home-highlighted-2 .columns img:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  cursor: pointer;
}

.home-highlighted-1 .columns .content {
  background: #fff;
  width: auto;
  padding: 8px;
}

.home-highlighted-2 .columns .content {
  background: #fff;
  width: auto;
  height: 100%;
  padding: 8px;
}

.main-footer-width, .back-to-top, .print-wrap {
  margin: auto;
}

.catalog-page-footer {
  float: none;
  clear: both;
  display: block;
}

div#catalog-page-footer {
  width: 1024px;
  margin: auto;
}

.footer {
  border-top: 1px solid #999;
  padding: 20px 0 0;
  width: 1024px;
  max-width: 1024px;
  min-width: 1024px;
  margin: 0 auto;
}
.footer a {
  color: #000000;
}
.footer .menu {
  float: left;
  margin-bottom: 20px;
  width: 655px;
}
.footer .menu .menuColumn {
  float: left;
  margin: 0 10px 0 0;
  width: 140px;
}
.footer h2, .footer h3, .footer h4 {
  text-transform: uppercase;
}
.footer h2 {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 0;
}
.footer h2 a {
  color: #000;
  text-decoration: none;
}
.footer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer ul li {
  margin: 0 0 15px;
  line-height: 1.3;
  font-size: 12px;
}
.footer ul li a:hover {
  color: #e61f22;
}
.footer .contact {
  float: left;
  width: 335px;
}
.footer .contact .contactLink {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}
.footer .contact .socials {
  margin-bottom: 15px;
  display: table;
}
.footer .contact .socials a {
  background: #d5d5d5;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 2px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 12px;
  text-transform: none;
  line-height: 1;
  height: 24px;
  width: 24px;
}
.footer .contact .socials a:hover {
  background: #999;
}
.footer .contact .socials .facebook:before, .footer .contact .socials .twitter:before,
.footer .contact .socials .play:before, .footer .contact .socials .youtube:before, .footer .contact .socials :before,
.footer .contact .socials .linkedin:before, .footer .contact .socials .mail:before, .footer .contact .socials .itunes:before {
  left: 6px;
  position: relative;
  top: 6px;
}
.footer .contact .socials .facebook:before {
  content: "";
}
.footer .contact .socials .twitter:before {
  content: "";
}
.footer .contact .socials .youtube:before {
  content: "";
}
.footer .contact .socials .pinterest:before {
  content: "";
}
.footer .contact .socials .linkedin:before {
  content: "";
}
.footer .contact .socials .mail:before {
  content: '@';
  font-family: verdana;
  top: 4px;
}
.footer .contact .socials .itunes {
  width: 72px;
}
.footer .contact .socials .itunes:before {
  content: '\e626';
  font-size: 17px;
  top: 4px;
}
.footer .contact h2 {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 10px;
}
.footer .contact form {
  margin: 0;
  width: 230px;
}
.footer .contact form input, .footer .contact form textarea {
  border: 1px solid #ccc;
  width: 213px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.footer .contact form input[type="text"] {
  background: none;
  border-radius: 0;
  color: #999;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  width: 213px;
  padding: 5px;
  height: inherit;
}
.footer .contact form label {
  font-family: arial, sans-serif;
  color: #000000;
}
.footer .contact form .contactPrivacyPolicy {
  display: block;
  margin: 0 0 15px;
  width: 100%;
}
.footer .contact form .contactPrivacyPolicy input[type="checkbox"] {
  margin-right: 5px;
  width: auto;
}
.footer .contact form .button {
  background: #e8e8e8;
  border: 1px solid #d5d5d5;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 4px 10px 4px 15px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.footer .contact form .button:hover {
  color: #ffffff;
  background: #999;
}

.footer-links {
  border-left: 1px solid #cccccc;
}

.lt-ie8 .footer-links.last {
  width: 16%;
}

.footer-links ul {
  min-height: 200px;
  margin-left: 13px;
}
.footer-links ul li {
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 5px;
}
.footer-links ul li:first-child {
  font-size: 13px;
  color: #727272;
}
.footer-links ul li a {
  color: #0096d0;
  line-height: 14px;
}

.footer .footer-logo {
  margin-top: 65px;
  height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}
.footer .footer-logo a {
  width: 288px;
  height: 0;
  padding-top: 0;
  display: inline-block;
  outline: none;
}
.footer .footer-logo .mobile-four.three.columns img {
  width: 187px;
  height: auto;
  margin-top: 8px;
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.footer .footer-copyright p {
  color: #666666;
  font-size: 11px;
  line-height: 30px;
  float: left;
}
.footer .footer-copyright p:last-child {
  margin-left: 1px;
}
.footer .ban_footer {
  background-color: transparent;
  float: right;
  height: auto;
  margin: -7px 5px 0 0;
  min-width: 50px;
  padding-top: 4px;
  text-align: right;
  width: 100%;
}
.footer .ban_footer a {
  width: auto;
}

/* Do you want to know more banner */
.more-footer {
  clear: both;
  background-color: #F4F5F5;
  padding-top: 1em;
  border-top: 1px solid #e8e8e8;
  margin: 0 !important;
}
.more-footer:first-child .two {
  padding-left: 5px !important;
}
.more-footer .two.columns {
  background-color: #e8e8e8;
  height: 220px;
  padding-left: 1px;
  padding-right: 1px;
}
.more-footer .two.columns.ellipsis {
  height: 220px;
  overflow: hidden;
}
.more-footer .two.columns:last-child {
  float: left !important;
}
.more-footer p {
  font-size: 1em;
  margin: .5em 0 .5em 5px;
  padding: .25em 0;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
.more-footer img {
  margin-bottom: .5em;
  width: 156px;
  height: auto;
}
.more-footer .two.columns h5, .more-footer .two.columns h6, .more-footer .two.columns p {
  color: #666666;
  padding: 0 .25em;
  margin: 0;
  text-align: left;
}
.more-footer .two.columns h5 {
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}
.more-footer .two.columns h6 {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}
.more-footer .two.columns p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-top: .5em;
  padding-bottom: .75em;
  text-align: left;
}

.centerbox {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* extra footer */
.row .row.extra-footer {
  margin: 2em 0 1em 0 !important;
}

.extra-footer {
  margin-top: 1em;
  margin-bottom: 1em;
}
.extra-footer .four {
  border-right: 1px solid #fff;
}
.extra-footer .four.noborder {
  border: none;
}
.extra-footer .four.columns {
  background-color: #ececec;
  padding: 0 0 1.5em 0;
}
.extra-footer a {
  padding: 1em 0;
  display: block;
}
.extra-footer .four.columns h6, .extra-footer .four.columns p {
  font-size: 12px;
  color: #666666;
  padding: 0 .5em;
  margin: 0;
}
.extra-footer .four.columns h6 {
  font-size: 12px;
  color: #0096d0 !important;
  padding: 0 .5em;
  margin: 0;
}

.more-footer .two.columns:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.back-to-top {
  clear: both;
  padding: 20px 0;
  text-align: right;
}
.back-to-top .back-to-top-button {
  color: #000;
  text-decoration: none;
  font-size: .75em;
}
.back-to-top .back-to-top-button:hover {
  color: #e61f22;
}
.back-to-top .back-to-top-button .icon {
  color: #e61f22;
  margin-right: 10px;
}

.print-wrap {
  border-top: 1px solid #999;
  padding: 20px 0 20px;
  text-align: right;
}
.print-wrap .print-button {
  color: #000;
  text-decoration: none;
}

#share-buttons {
  float: left;
  font-family: arial, sans-serif;
  font-size: .75em;
  line-height: 130%;
}
#share-buttons .share-button {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
#share-buttons .share-button a {
  display: block;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  background: none;
}
#share-buttons .share-button .icon {
  color: #fff;
}
#share-buttons .share-button .share-text {
  font-size: 10px;
  font-weight: bold;
  position: relative;
  top: -1px;
  text-transform: uppercase;
}
#share-buttons #facebook-button {
  background: #3a5898;
}
#share-buttons #facebook-button:hover {
  background: #5174bd;
}
#share-buttons #facebook-button .icon {
  padding-right: 5px;
}
#share-buttons #twitter-button {
  background: #01acee;
}
#share-buttons #twitter-button:hover {
  background: #27c2fe;
}
#share-buttons #twitter-button .icon {
  padding-right: 5px;
}
#share-buttons #google-plus-button {
  background: #b32c26;
}
#share-buttons #google-plus-button:hover {
  background: #d6443e;
}
#share-buttons #pinterest-button {
  background: #cd2028;
}
#share-buttons #pinterest-button:hover {
  background: #e24249;
}
#share-buttons #mail-button {
  background: #000;
}
#share-buttons #mail-button:hover {
  background: #333;
}

/*  mobile */
#catalog-page-footer.mobile {
  width: 100%;
  text-align: center;
}
#catalog-page-footer.mobile .back-to-top {
  text-align: inherit;
  font-weight: bold;
}
#catalog-page-footer.mobile .print-wrap {
  text-align: inherit;
}
#catalog-page-footer.mobile .print-wrap #share-buttons {
  float: inherit;
}
#catalog-page-footer.mobile .print-wrap .print-button {
  display: none;
}
#catalog-page-footer.mobile .contact {
  padding: 20px 0;
  width: inherit;
}
#catalog-page-footer.mobile .contact .socials {
  margin: auto;
  padding-bottom: 20px;
}
#catalog-page-footer.mobile .contact form {
  width: inherit;
}
#catalog-page-footer.mobile .contact form input[type="text"] {
  width: 86%;
  margin: 20px auto;
}
#catalog-page-footer.mobile .contact form .button {
  width: 86%;
}

#catalog-page-footer #langs-mobile {
  display: none;
}

@media only screen and (max-width: 748px) and (min-width: 0) {
  #catalog-page-footer.mobile .contact h2 {
    font-weight: bold;
  }
  #catalog-page-footer.mobile #langs-mobile {
    display: block;
    clear: both;
    width: 86%;
    margin: 20px auto;
  }
  #catalog-page-footer.mobile #langs-mobile select {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #000000;
    font-size: .75em;
    height: 34px;
    padding: 5px;
    width: 100%;
  }
  #catalog-page-footer.mobile .bottomLeft {
    clear: both;
    display: block;
    float: none;
    margin: 5px auto;
    width: 90%;
  }
  #catalog-page-footer.mobile .bottomRight {
    color: #000000;
    font-size: .75em;
    margin: 20px auto;
    text-align: center;
  }
}
/* error 404 */
.main-content .no-content {
  min-height: 120px;
}
.main-content .no-content h2 {
  font-size: 1.8125em;
  font-family: Arial, Helvetica, sans-serif;
}
.main-content .no-content p, .main-content .no-content ul li {
  font-size: 1em;
}
.main-content .no-content h2, .main-content .no-content p {
  text-align: center;
}
.main-content .no-content ul {
  width: 50%;
  margin: 0 auto;
}

.notfound {
  background: transparent url("../images/rocaUI/404.png") no-repeat 130px 140px;
  background-size: 64px 64px;
  width: 80%;
  margin: 0 auto;
}
.notfound > div {
  width: 70%;
  margin: 0 auto;
}
.notfound h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 130px;
  text-align: center;
}
.notfound p {
  margin-bottom: 80px;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
}

/* Tiles */
.technology-tiles {
  min-height: 60px;
  background: #ecedef;
}
.technology-tiles img {
  width: 120px;
  text-align: center;
  clear: both;
  float: none;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  padding-top: 5%;
}

.pictos-tiles {
  min-height: 30px;
  background: #fff;
  text-align: center;
}
.pictos-tiles ul {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 5px;
}

.nine.columns.collection .pictos-tiles ul li img {
  padding-bottom: 5px;
}

.pictos-tiles ul li {
  display: inline;
  width: auto;
}
.pictos-tiles ul li img {
  height: 30px !important;
  width: auto;
  margin-bottom: 0 !important;
}

.accordion img.tiles-compatible {
  width: 120px;
  height: auto;
}

.product-mosaic-list .tiles-installation-picto {
  position: absolute;
  width: 100%;
  bottom: 22px;
  height: auto;
  text-align: center;
}
.product-mosaic-list .tiles-installation-picto img {
  width: 95% !important;
  height: auto;
  margin: 0 !important;
}
.product-mosaic-list .tiles-installation-picto ul {
  margin: 0 auto;
  clear: both;
  position: relative;
  text-align: center;
}
.product-mosaic-list .tiles-installation-picto li {
  border: none;
  height: auto;
  text-align: center;
  float: none;
  display: inline-table;
}

.tiles .solution-home-box {
  height: 400px;
  margin-bottom: 10px;
}
.tiles .solution-home-box .technology-tiles {
  background-color: transparent;
  min-height: 20px;
  clear: both;
  float: none;
}
.tiles .solution-home-box .technology-tiles img {
  text-align: left;
  margin-left: 2px;
  max-width: 21%;
  padding-top: 0;
}
.tiles .solution-home-box ul {
  position: absolute;
  right: 5px;
  top: 62%;
}
.tiles .solution-home-box.odd ul {
  right: 0;
}
.tiles .solution-home-box ul li {
  width: 20px;
  height: auto;
  display: inline;
}
.tiles .solution-home-box ul li img {
  width: 20px;
  height: auto;
}
.tiles .solution-home-box a p.hide-mobile {
  height: 100px;
  display: block;
  margin-top: 5px;
}
.tiles .column2-data.pictos-tiles {
  background-color: transparent;
  min-height: 30px;
  margin: 0;
  padding: 10px 0;
}
.tiles .column2-data.pictos-tiles ul {
  margin: 0;
  padding-top: 0;
}
.tiles .column2-data.pictos-tiles ul li {
  float: left;
  display: inline;
  clear: none;
  margin: 0 8px 0 0;
  min-height: 35px;
}
.tiles .column2-data.pictos-tiles ul li.tech img {
  height: auto !important;
  max-width: 105px;
  padding-top: 5%;
}
.tiles .column2-data.pictos-tiles ul li.recycle {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
.tiles .column2-data.featured-tiles ul li.recycle img {
  width: 80px;
  height: auto;
}
.tiles .column2-data.pictos-tiles ul li.thick {
  background: transparent url("../images/rocaUI/thickness-icon.png") no-repeat 3px -3px;
  background-size: 30px 30px;
}
.tiles .column2-data.pictos-tiles ul li.thick h6 {
  padding-left: 35px;
  line-height: 200%;
}
.tiles .column2-data.pictos-tiles ul li h6 {
  font-weight: normal;
}

.lt-ie9 .tiles .column2-data.featured-tiles ul li.thick {
  background: transparent url("../images/rocaUI/thickness-icon.png") no-repeat 0 -14px;
}

.tiles .column2-data.technology-tiles {
  background-color: transparent;
  min-height: 25px;
  margin: 0;
  padding: 10px 0 0 0;
}
.tiles .column2-data.technology-tiles img {
  margin: 0 !important;
  padding: 0;
  width: 100px;
}
.tiles .datasheet hr {
  padding: 0;
  margin: 0;
  width: 98%;
}

.product-mosaic h2.tiles-designline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  padding: 10px 0 2px 0;
  cursor: default;
  display: block;
  clear: both;
  float: none;
  width: 100%;
}

/* MENU COUNTRY */
.international-site-link a {
  background-color: #dcdcdc;
  padding: .65em .65em .65em .65em;
  color: #fff;
  font-weight: normal;
}
.international-site-link a:hover {
  background-color: #0096d0;
}

.extra .submenu {
  background-color: #252525 !important;
  min-height: 150px;
  padding: .5em;
  border-top: 1px solid #666666;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}
.extra .submenu .country-list {
  background-color: #252525 !important;
  padding: 3em 2em;
}

/* MAIN CONTENT BOX */
/*  left column  */
.main-content .three h2, .main-content .twelve h2 {
  padding: 0;
}
.main-content .three h1, .main-content .three h3, .main-content .three p {
  padding: 0;
}

div.four h2 {
  padding: 0;
}

.main-content .four p {
  padding: 0;
}
.main-content .three h2, .main-content .twelve h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
}
.main-content .three h1, .main-content .three h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
}

.products-title-page h2.entry-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
}

.main-content .three h1 {
  font-size: 1.5em;
  margin: 0;
}
.main-content .three h3 {
  font-size: 1.25em;
  margin: 0;
  margin-bottom: 1px;
  margin-top: 0;
}
.main-content .three h2 {
  font-size: 1.5em;
}
.main-content .three h1 a {
  color: #000000;
}
.main-content .three h1 a:hover {
  color: #0096d0;
}
.main-content .three .second-menu {
  clear: both;
  min-height: 100px;
  margin: 0;
  padding: 0 !important;
  text-align: left;
  width: 100%;
}

.three.columns.article-menu, .three.columns.column-left {
  padding: 0 10px 0 0;
}

.lt-ie8.lt-ie9 .main-content .three .second-menu {
  width: 95%;
}

.main-content .three .second-menu ul li {
  font-size: 17px;
  text-indent: 0;
  border-bottom: 1px solid #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}
.main-content .three .second-menu ul li a {
  display: block;
  padding: 9px 0 9px 5px;
  color: #666666;
  font-weight: normal;
  background-color: #fff;
}

.lt-ie8.lt-ie9 .main-content .three .second-menu ul li a {
  /*background: url("../images/rocaUI/resources.png") no-repeat -5px -123px transparent;*/
}

.main-content .three .second-menu.news ul li a {
  color: #666666;
}
.main-content .three .second-menu.news ul li a:hover {
  color: #0096d0;
}
.main-content .three .second-menu.news ul li a.active {
  color: #000000;
}
.main-content .three .second-menu ul li a.active {
  color: #0096d0;
  background-color: #FFFFFF;
}
.main-content .three .second-menu ul li a:hover {
  color: #0096d0;
  /*background: url("../images/rocaUI/resources.png") no-repeat -5px -183px transparent;*/
}

.newschild {
  display: none;
}
.newschild li a {
  padding: 1px 0 0 0 !important;
  background: none !important;
}

li.label {
  color: #666666;
  padding: 0.25em 0 0.25em 0;
  background: #e8e8e8;
  display: block;
}

ul#toggle-view-archive li {
  font-size: 16px;
  padding: 0.25em 0 0.25em 0;
  color: #000000;
  display: block;
  cursor: pointer;
}
ul#toggle-view-archive li.label {
  color: #666666;
  padding: 0.25em 0 0.25em 0;
  background: #e8e8e8;
  display: block;
}
ul#toggle-view-archive li.label:hover {
  color: #666666;
  cursor: default;
}
ul#toggle-view-archive li:hover {
  color: #0096d0;
}
ul#toggle-view-archive li span {
  padding: 0 .25em 0 0;
  color: #666666;
  cursor: pointer;
}

h5.rss {
  margin: 5px 0;
}
h5.rss a {
  font-weight: normal;
  color: #666666;
  padding: 0.35em 0 0.25em 2em;
  display: block;
  background: url("../images/rocaUI/resources.png") no-repeat scroll -5px -254px transparent;
}
h5.rss a:hover {
  color: #0096d0;
}

/*  main column  */
.main-content > .nine {
  padding: 0;
}

.row.main-content.products .collection .collections-page.row {
  margin-top: 0px;
}
.row.main-content.products .solution-landing.collections-page.row {
  margin-top: 0;
}

/*.nine.columns .solution-landing.collections-page {margin-top: 52px;}*/
.article-related-collections .collections-page {
  margin-top: 12px;
}

.solution-detail-box.collections-page, .three.columns .collections-page {
  margin-top: 0;
}

/*.solution-detail-box.collections-page {margin-left: 7px;}*/
.main-content .nine h1, .main-content .nine p {
  padding: 0 15px 0 0;
}
.main-content .eight h1, .main-content .eight p {
  padding: 0 15px 0 0;
}
.main-content .nine h1, .main-content .nine h2, .main-content .nine h3, .main-content .nine h4 {
  line-height: 130%;
  color: #000000;
  margin: 0;
}
.main-content .nine p {
  line-height: 130%;
  color: #000000;
  margin: 0;
}
.main-content .nine .entry-content p {
  padding: 0 0 10px 0;
}
.main-content .eight h1, .main-content .eight h2, .main-content .eight h3, .main-content .eight h4, .main-content .eight p {
  line-height: 120%;
  color: #666666;
  padding: 1em 0 0 0;
  margin: 0;
}
.main-content .nine h1, .main-content .eight h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
}
.main-content.wish-list .nine h1 {
  font-size: 1.25em;
}
.main-content .nine h3, .main-content .eight h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  padding-top: 0 !important;
  font-weight: normal;
}

.article-content.nine .four h1.entry-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
  padding: 0 1em 0 0 !important;
  margin: 0;
}

.main-content .four h3.entry-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
  padding: 1.25em 1em 0 0 !important;
  font-weight: normal;
}
.main-content .four h4.entry-summary {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  color: #666666;
  padding: 0 1em 0 0 !important;
  font-weight: normal;
  margin: 0;
}
.main-content .four h3 {
  margin: 0;
  color: #666666;
}
.main-content .four .entry-content p, .main-content .four .entry-content-right p {
  margin: 0;
  padding: 1em 1em 0 0;
  font-size: .75em;
  color: #666666;
  line-height: 130%;
}
.main-content .twelve p, .main-content .eleven p, .main-content .ten p, .main-content .nine p, .main-content .eight p, .main-content .seven p, .main-content .six p, .main-content .five p, .main-content .four p, .main-content .three p, .main-content .two p {
  font-size: 14px;
  padding: 0;
}
.main-content .related p {
  font-size: 12px;
  text-align: left;
  color: #666666;
  margin: 0;
  padding: 0;
  line-height: 130%;
}
.main-content .related h6 {
  font-size: 12px;
  text-align: left;
  color: #666666;
  margin: 0;
  padding: 0;
  line-height: 130%;
  color: #000000;
  padding-top: 3px;
}
.main-content .related a {
  color: #666666;
  display: block;
  padding: 4px 0;
}
.main-content .related a:hover {
  color: #0096d0 !important;
}
.main-content .related span:hover, .main-content .related p:hover {
  color: #0096d0 !important;
}
.main-content .related li {
  padding-bottom: 6px;
  padding-top: 1px;
}
.main-content .related li:first-child {
  border-top: none;
}
.main-content .four.columns h2 {
  font-size: 18px;
}
.main-content.article .nine.columns img {
  margin-bottom: 10px;
}
.main-content.products .nine.columns img {
  margin-bottom: 10px;
}
.main-content.products .nine.columns .in_solution img {
  margin-top: 0;
}

.article-menu h2 {
  margin: 4px 0;
}

div.photos, div.links, div.attached, div.ubication, div.schedule, div.date {
  background-color: #e8e8e8;
  clear: both;
  min-height: 50px;
  margin: 5px 0;
  padding: 4px !important;
  text-align: left;
  width: 100%;
  float: left;
}

.lt-ie8.lt-ie9 div.photos, .lt-ie8.lt-ie9 div.links, .lt-ie8.lt-ie9 div.attached, .lt-ie8.lt-ie9 div.ubication, .lt-ie8.lt-ie9 div.schedule, .lt-ie8.lt-ie9 div.date {
  width: 84%;
  text-align: center;
}

.ewhats div.links {
  width: 100%;
}

div.ubication .mapframe {
  margin-top: 1em;
  border: 1px solid #ddd;
  width: 100%;
  height: 160px;
}
div.related.ubication p small a {
  font-size: 12px;
  text-align: left !important;
}
div.photos ul {
  /* width:200px;  */
  margin: 0 auto;
  text-align: center;
  display: block;
}
div.photos li {
  float: left;
  list-style-type: none;
  margin: 4px 0 0 0;
  border: 1px solid #e8e8e8;
}
div.photos li img.photobox {
  height: 48px !important;
  width: 48px !important;
  max-width: 48px;
}

.lt-ie8.lt-ie9 div.photos li img.photobox {
  height: 46px !important;
  width: 46px !important;
  max-width: 46px;
}

div.photos li:hover {
  border: 1px solid #666666;
}
div.related.photos {
  min-height: 95px !important;
  display: block;
}

.lt-ie9 div.related.photos {
  min-height: 85px !important;
}

.article-content div.photos, .article-content div.links, .article-content div.attached, .article-content div.ubication {
  background-color: #e8e8e8;
  clear: both;
  min-height: 70px;
  margin: .5em 0 .5em 0;
  padding: 8px !important;
  text-align: left;
  width: 95%;
}
.article-content div.photos {
  min-height: 88px;
}

div.date p {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  margin: 0 0 5px 0;
}
div.date time {
  font-weight: bold;
  font-size: 1.25em;
  letter-spacing: -1px;
  color: #666666;
  padding: 0;
}
div.schedule p {
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  padding: 0 !important;
  margin: 5px 0 0 0;
}
div.schedule p.label {
  background: url("../images/rocaUI/resources.png") no-repeat scroll -1px -340px #e8e8e8;
  padding: 3px 0 !important;
  margin: 0;
  color: #000000;
  font-weight: bold;
  text-indent: 21px;
}

.article img.main-photo {
  margin: 0 0 1em 0;
}

/* LIST article */
.list .row {
  margin: 0 !important;
}
.list .main-list h3.entry-title {
  display: inline-block;
}
.list h3.entry-title {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  border-bottom: 0 solid #ddd;
  clear: both;
  float: none;
}
.list .six h3 {
  margin: .25em 0 0 0 !important;
  padding: 0 0 0 0 !important;
}
.list p {
  margin: 0 0 0 0 !important;
  padding: .15em 1px 0 1px !important;
}
.list .six {
  border-top: 1px solid #ddd;
}
.list .row .six {
  padding: .15em;
  margin: 0 0 1em 0;
  min-height: 260px;
}
.list .row .six.map-results {
  padding: .15em;
  margin: 0 0 1em 0;
  min-height: 250px;
}

/* .list h1.entry-title {margin-left: 5px;}*/
.lt-ie9 .list .row .six {
  min-height: 280px;
}

.lt-ie8.lt-ie9 .list .row .six {
  width: 47% !important;
}

.list .six img {
  padding: .15em 0 .15em 0px;
}
.list .main-list.eleven {
  margin: 1em 0 0 5px;
}
.list .main-list.eleven div.main-img {
  float: left;
  height: 180px;
  margin-right: 1em;
}
.list .main-list.eleven div.main-img img {
  margin-bottom: 140px;
  padding: .15em 0 .15em 0;
}
.list .main-list.eleven p {
  padding-left: 180px !important;
}
.list .six img {
  margin-bottom: 1px !important;
}
.list.article-content .six.columns.odd {
  float: right;
}
.list.article-content .six.columns.even {
  display: inline-block;
  float: left;
}
.list.article-content .six.columns.first.odd {
  float: left;
}

/* MANUALES TECNICOS AJUSTES */
.article-content.nine #container, .article-content.nine #destacado {
  width: 100% !important;
}
.article-content.nine #container table {
  width: 100% !important;
}
.article-content.nine #container table img {
  margin: 0;
}

/* links buttons under article body*/
.link_but {
  display: none !important;
}

li.print-bot a {
  background: url("../images/rocaUI/resources.png") no-repeat -438px -194px transparent;
  padding: .35em 1em;
  text-indent: -9999px;
  cursor: pointer;
  margin-right: .35em;
  border: 0;
  width: 20px;
}
li.share a {
  background: url("../images/rocaUI/resources.png") no-repeat -1px -224px #e8e8e8;
  padding-left: 1em;
  width: 20px;
}
li.facebook a {
  background: url("../images/rocaUI/resources.png") no-repeat 3px -372px transparent;
  padding: .35em 1em;
  text-indent: -9999px;
  cursor: pointer;
  margin-right: .35em;
  border: 0;
  width: 20px;
}
li.twitter a {
  background: url("../images/rocaUI/resources.png") no-repeat 3px -400px transparent;
  padding: .35em 1em;
  text-indent: -9999px;
  cursor: pointer;
  margin-right: .35em;
  border: 0;
  width: 20px;
}
li.feed a {
  background: url("../images/rocaUI/resources.png") no-repeat -2px -254px transparent;
  padding-left: 2.5em;
}
li.full-screen a {
  background: url("../images/rocaUI/resources.png") no-repeat -2px -288px #e8e8e8;
  padding-left: 2em;
}

/* section landing */
.title-block {
  margin-bottom: 5px;
}

/*.title-block h1, .title-block h2, .title-block h6, .title-block p {padding-left: 16px !important;}*/
.home .title-block h1:hover {
  color: #000000;
}

.title-block h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
  margin: 4px 0 4px 0;
}
.title-block h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
  color: #000000;
  margin: 4px 0 4px 0;
}
.title-block h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  color: #666666;
  margin: 4px 0 4px 0;
}
.title-block p {
  font-size: 0.85em;
  margin: 4px 0 4px 0;
  color: #666666;
}

.section h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  color: #000000;
  margin: 4px 0 4px 0;
  padding: 0;
}
.section h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.15em;
  color: #000000;
  margin: 4px 0 4px 0;
}
.section h2.landing-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  color: #000000;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
}

.landing-section-block, .landing-general {
  padding-top: 1em;
  border-top: 0;
  display: block;
}

.landing-section-block .first {
  padding-left: 3px !important;
}
.landing-section-block .two.columns {
  background-color: #e8e8e8;
  height: 227px;
  padding-left: 0;
  padding-right: 0;
  border-left: 1px solid #F4F5F5;
  border-right: 1px solid #F4F5F5;
}
.landing-section-block p {
  font-size: 1em;
  margin: .5em 0 .5em 1em;
  padding: .25em 0;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}
.landing-section-block .two.columns img {
  margin: 0 auto .5em auto;
  text-align: center;
  width: 158px;
  height: 81px;
  display: block;
}
.landing-section-block .two.columns h3, .landing-section-block .two.columns p {
  color: #666666;
  padding: 0 .5em;
  margin: 0;
  text-align: left;
}
.landing-section-block .two.columns h3:hover, .landing-section-block .two.columns p:hover {
  color: #0096d0;
}
.landing-section-block h2.twelve {
  padding-left: 4px !important;
}
.landing-section-block .two.columns h3 {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}
.landing-section-block .two.columns p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-top: .5em;
  padding-bottom: 1em;
  text-align: left;
}

p.linktosite {
  padding: 0 0 0 1em !important;
  margin: 0 !important;
}
p.linktosite a {
  background: url("../images/rocaUI/resources.png") no-repeat -6px -136px transparent;
  padding-left: .75em;
  color: #666666;
  font-weight: bold;
}
p.linktosite a:hover {
  background: url("../images/rocaUI/resources.png") no-repeat -6px -162px transparent;
  color: #0096d0;
}

.definition {
  font-size: .85em;
  color: #666666;
  padding-left: .25em;
}

h3.box-effect2, p.box-effect2 {
  color: #0096d0 !important;
}

div.box-effect3 {
  background-color: #fff !important;
}

.landing-general .six.columns h4 a, .landing-general .six.columns h5 a {
  color: #000000;
}

.landing-general .six.columns h4:hover {
  color: #0096d0;
}
.landing-general .six.columns p:hover, .landing-general .six.columns p a:hover {
  color: #0096d0;
}

/* EXPLORER */
.lt-ie9.lt-ie8 .emblem-disct .four.columns, .lt-ie9.lt-ie8 .landing-section-block .two.columns, .lt-ie9.lt-ie8 .landing-section-events .two.columns, .lt-ie9.lt-ie8 .landing-general .six.columns {
  border-left: 0 !important;
  border-right: 0 !important;
  padding-left: 0;
}
.lt-ie9.lt-ie8 .emblem-disct .four.columns p {
  padding-top: 0;
}

/* EMBLEMATIC - DISCTINTIONS - AUDIOS - landing page */
.emblem-disct .four.columns {
  position: relative;
  height: 235px;
  padding-top: .25em;
  border-top: 2px solid #dcdcdc;
  background-color: #e8e8e8;
  margin-top: 3px;
}

.lt-ie9.lt-ie8 .emblem-disct .four.columns {
  width: 32.9%;
}

.emblem-disct .four.columns:last-child {
  float: left !important;
}
.emblem-disct .four.columns img {
  float: left;
  display: inline-block;
  padding: 0;
  margin-left: 4px;
  width: 118px !important;
  height: auto !important;
}
.emblem-disct .four.columns h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.25em;
  line-height: 105%;
  color: #000000;
  margin-top: .15em;
  margin-left: .15em;
  float: left;
  display: inline-block;
  width: 57%;
}
.emblem-disct .four.columns p {
  font-size: .75em;
  line-height: 120%;
  clear: both;
  display: block;
  padding: .5em;
  margin: 0;
}
.emblem-disct .four.columns p a {
  color: #0096d0;
}
.emblem-disct .four.columns .more-info {
  position: absolute;
  bottom: 4px;
  right: 4px;
  font-size: .75em;
}
.emblem-disct .four.columns .more-info a {
  display: block;
  padding: .35em .85em;
  color: #666666;
  background-color: #dcdcdc;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.emblem-disct .four.columns .more-info a:hover {
  background-color: #999;
  color: #ffffff;
}

.more-info {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  text-align: center;
  font-size: 13px;
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
}

/* ==========================================================================
   V4 styles
   ========================================================================== */
.featured-landing-article {
  padding-top: .5em !important;
  border-top: 2px solid #dedede;
  background-color: #ededed;
  clear: both;
  margin-bottom: 20px !important;
  min-height: 190px;
}
.featured-landing-article .column:first-child, .featured-landing-article .column:last-child {
  padding-left: 10px !important;
}

.lt-ie9.lt-ie8 .featured-landing-article .column:first-child {
  padding-left: 4px !important;
}

.featured-landing-article .columns:first-child, .featured-landing-article .columns:last-child {
  padding-left: 8px !important;
}
.featured-landing-article h3 {
  padding: 0 !important;
}
.featured-landing-article .entry-picture {
  padding-bottom: 20px !important;
  float: left;
}
.featured-landing-article .entry-picture img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.featured-landing-article p {
  margin: 0;
  line-height: 140%;
}
.featured-landing-article p span {
  color: #666666;
}
.featured-landing-article p.type {
  padding-top: 0;
}

.lt-ie9 .featured-landing-article p.type {
  padding: 0 0 0 10px;
}

.featured-landing-article ul.popup-gallery {
  margin-bottom: 10px !important;
  float: left;
}
.featured-landing-article ul.popup-gallery li {
  float: left;
  margin-right: 2px;
  width: 100px;
}
.featured-landing-article ul.popup-gallery li:last-child {
  margin-right: 0;
}
.featured-landing-article ul.popup-gallery li p {
  font-size: 11px;
  white-space: normal;
}
.featured-landing-article .more-info {
  margin-top: 2em;
  font-size: .75em;
  float: left;
}
.featured-landing-article .more-info a {
  padding: .35em .85em;
  color: #666666;
  background-color: #dcdcdc;
  display: block;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.featured-landing-article .more-info a:hover {
  background-color: #999;
  color: #ffffff;
}

.featured-landing-filter {
  border: none;
  font-size: 13px;
  color: #666666;
  padding: 5px;
  background-color: #e8e8e8;
  float: left;
  width: 100%;
  margin: 10px 0;
}
.featured-landing-filter p {
  margin: 4px 0;
}
.featured-landing-filter > ul > li {
  float: left;
  margin-right: 10px;
}

ul.emblematic-designlines-gallery {
  padding: 0;
}

.lt-ie9 ul.emblematic-designlines-gallery {
  padding: 0 0 0 5px;
  margin-top: 4px;
}

ul.emblematic-designlines-gallery li {
  width: 100px;
  min-height: 75px;
  display: inline-block;
  float: none;
  clear: both;
  overflow: hidden;
}

.lt-ie9.lt-ie8 ul.emblematic-designlines-gallery li {
  display: inline;
  float: left;
  overflow: hidden;
  clear: none;
  margin-right: 1px;
}

ul.emblematic-designlines-gallery li img {
  width: 100px;
  height: auto;
}

.main-content .article-content p.data {
  margin: 0.2em 0 !important;
  padding: 0;
  color: #000000;
}
.main-content .article-content p.data span {
  color: #666666;
}

.article-related-collections h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  color: #000000;
  padding: 0 1em 0 0 !important;
  margin-bottom: 10px;
  font-weight: normal;
}
.article-related-collections .solution-home-box {
  margin: 4px 0 10px 0 !important;
}

.solution-home-box .out_solution {
  overflow: hidden;
}
.solution-home-box .out_solution img {
  width: 100%;
  height: auto;
}

.article-slider-wrapper {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
}

.lt-ie9.lt-ie8 .article-slider-wrapper.emblemat-recognit {
  min-height: 400px;
}

.article-slider-wrapper img {
  margin: 0 !important;
}
.article-slider-wrapper .orbit-controls {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  overflow: visible;
  left: 0;
  display: block;
  height: 1px;
  bottom: 0px;
}
.article-slider-wrapper .featured-article {
  height: auto !important;
  overflow: hidden;
  margin-bottom: 30px;
  width: 100%;
}

.lt-ie9.lt-ie8 .article-slider-wrapper .featured-article {
  height: 415px !important;
}

.article-slider-wrapper .featured-article div, .article-slider-wrapper .orbit-controls .slider-nav {
  display: none;
}
.article-slider-wrapper ul.orbit-bullets {
  position: absolute;
  z-index: 50;
  list-style: none;
  bottom: 0;
  left: 50%;
  top: 10px;
  padding: 0;
}
.article-slider-wrapper ul.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999999;
  text-indent: -9999px;
  background: transparent url("../images/foundation/orbit/bullets-box-transp.png") no-repeat center center;
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: relative;
  border: none;
}
.article-slider-wrapper ul.orbit-bullets li.active {
  background-position: -6px center;
}
.article-slider-wrapper ul.orbit-bullets li.timer {
  display: none;
}

/* EVENTS CALENDAR */
.landing-section-events .two.columns {
  width: 16.6667%;
  position: relative;
  height: 238px;
  background-color: #e8e8e8;
  padding-top: .25em;
  border-top: 4px solid #ddd;
  margin-right: 0;
}

.lt-ie9 .landing-section-events .two.columns {
  height: 244px;
}

.landing-section-events time {
  font-size: 1.25em;
  font-weight: bold;
  color: #666666;
  letter-spacing: -1px;
  padding: 0 .25em .5em .5em;
}
.landing-section-events h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 105%;
  color: #000000;
  font-weight: normal;
  display: block;
  padding: 0 .5em 0 .65em;
  margin: 0;
}
.landing-section-events h3:hover {
  color: #0096d0;
}
.landing-section-events p:hover {
  color: #0096d0;
}
.landing-section-events img {
  position: absolute;
  top: 82px;
  left: .5em;
  width: 92%;
  height: auto;
}
.landing-section-events p {
  font-size: 11px !important;
  color: #666666;
  position: absolute;
  top: 152px;
  left: .75em;
  padding: 0 .25em 0 0 !important;
  margin: 1em 0 !important;
}
.landing-section-events a p {
  color: #666666;
}

ul.actual-archive {
  position: relative;
  text-align: right;
}

.actual-archive li {
  font-weight: bold;
  text-align: right;
  position: relative;
}
.actual-archive li.archive {
  position: relative;
  float: right !important;
}
.actual-archive li.archive a {
  padding: .15em 1.15em;
  margin-left: 6px;
  color: #666666;
  background-color: #ddd;
  font-size: .85em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.actual-archive li.archive a:hover {
  background-color: #fff;
}

.numbers {
  font-weight: normal;
  font-size: 12px;
}

/* EVENTS pagination */
.events .pagination {
  margin: 0 0 .5em 0;
  display: block;
  clear: both;
  width: 100%;
  float: none;
  min-height: 25px;
  background-color: transparent;
}
.events .pagination ul {
  list-style-type: none;
}
.events .pagination ul li {
  color: #666666;
  display: inline;
  float: left;
}
.events .article-pagination ul li {
  color: #666666;
  display: inline;
  float: left;
}
.events .pagination ul li, .events .article-pagination ul li {
  margin: 0 !important;
  font-size: 15px !important;
}
.events .pagination ul li a, .events article-pagination ul li a {
  display: inline-block;
  font-size: 15px !important;
  font-weight: normal;
}
.events .pagination ul li a:hover {
  color: #0096d0;
}
.events .pagination ul li a.active {
  font-weight: bold;
  color: #0096d0;
}
.events .two.columns.actual-archive {
  background-color: transparent;
  border: none;
  height: 10px;
  padding-top: 0;
  position: relative;
}

/* NEWS */
.article-content, .article-list, .article-entry {
  float: right;
}

.article-content .entry-content-right {
  float: right;
  padding-left: 5px;
}

.nine.columns.article-content {
  margin-top: 42px;
}

body.special-margin-top .nine.columns.article-content {
  margin-top: 10px;
}

.article-content .entry-content-right p {
  padding: 5px 0;
}

.nine.columns .eight.entry-content-right img {
  max-width: 476px;
  height: auto;
}
.nine.columns.article-list img {
  max-width: 96%;
  height: auto;
}
.nine.columns.article-list article {
  border-top: 1px solid #ddd;
  padding-top: .25em;
}
.nine.columns.article-list .columns {
  min-height: 185px;
}
.nine.columns.article-list .columns h3 {
  padding-right: 1em;
}
.nine.columns.article-list .columns p {
  padding-right: 1em;
  font-size: .75em;
  line-height: 130%;
}
.nine.columns.article-list .columns p.entry-format {
  font-size: .75em;
  font-weight: normal;
  color: #666666;
}
.nine.columns.article-list .columns h3 {
  font-size: 1.15em;
  color: #000000;
}
.nine.columns.article-list .columns h3 a {
  color: #000000;
}
.nine.columns.article-list .columns h3 a:hover {
  color: #0096d0;
}

.row .row.article, .row .row.article-content {
  margin: 0 0 10px 0 !important;
  clear: both;
}

.article-content p.entry-summary {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em;
  border-top: 4px solid #ddd;
  padding: .25em 0 0 0;
  margin: 1em 1em 1em 0;
}

.nine.columns.article-content .four.columns h3 {
  font-size: 1.5em;
  color: #000000;
}
.nine.columns.article-content .eight.columns h3 a {
  color: #000000;
}
.nine.columns.article-content .eight.columns.entry-content {
  padding-left: 2.5em;
}
.nine.columns.article-content .eight.columns.entry-content p {
  width: 96%;
  font-size: 13px;
  line-height: 130%;
  display: block;
}
.nine.columns.article-content .eight.columns.entry-content-right img {
  width: 434px;
  max-width: 434px;
  height: auto;
}

.article-list .pagination ul li {
  font-size: .75em;
}
.article-list .pagination ul li a {
  color: #666666;
  padding: 0 .75em 0 .75em;
  margin: 0 .25em;
  display: inline-block;
  background-color: #FFF;
  text-align: center;
  text-indent: -1px;
}
.article-list .pagination ul li a:hover, .article-list .pagination ul li a.active {
  color: #0093D2;
}

.pagination.bottom {
  padding-top: .25em;
  margin: 3em 0 1em 0;
  border-top: 1px solid #ddd;
}

.article-pagination p.entry-format {
  color: #000000;
  font-size: .75em;
}
.article-pagination time {
  color: #666666;
}
.article-pagination ul.eight.column {
  padding-right: 1em;
}
.article-pagination ul.eight.column li a {
  font-size: .85em;
  color: #666666;
}
.article-pagination ul.eight.column li a:hover {
  font-size: .85em;
  color: #0096d0;
}
.article-pagination li a {
  font-size: 12px !important;
}
.article-pagination li.next {
  float: right;
  background: url("../images/rocaUI/next.png") no-repeat 85% 60% transparent;
  padding-left: 2px;
  padding-right: 25px;
}
.article-pagination li.preview {
  float: left;
  background: url("../images/rocaUI/preview.png") no-repeat 8% 60% transparent;
  padding-left: 20px;
}
.article-pagination li.next {
  float: right;
}

/* NEWS pagination */
.newschild-unhidden {
  display: block;
}

.news .pagination {
  margin: 0 0 .5em 0;
  display: block;
  clear: both;
  width: 100%;
  float: none;
  min-height: 25px;
  background-color: transparent !important;
}
.news .pagination ul {
  list-style-type: none;
}
.news .pagination ul li {
  color: #666666;
  display: inline;
  float: left;
  margin: 0 !important;
  font-size: 13px !important;
  outline: 0;
  text-decoration: none;
  border: 0;
}
.news .article-pagination ul li {
  color: #666666;
  display: inline;
  float: left;
  margin: 0 !important;
  font-size: 13px !important;
  outline: 0;
  text-decoration: none;
  border: 0;
}
.news .pagination ul li a, .news article-pagination ul li a {
  display: inline-block;
  outline: 0;
  text-decoration: none;
  border: 0;
}
.news .pagination ul li a.active {
  font-weight: bold;
}

.designline-detail-box {
  border-bottom: 1px solid #999;
  margin: 0 0 20px;
  min-height: 1%;
}
.designline-detail-box:after {
  content: '';
  display: table;
  clear: both;
}
.designline-detail-box h1 {
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 8px;
  text-transform: uppercase;
}
.designline-detail-box .description {
  float: left;
  width: 760px;
}
.designline-detail-box .description p {
  font-family: sans-serif;
  font-size: 12px;
  padding: 0;
}
.designline-detail-box .aside {
  float: right;
  width: 25%;
}
.designline-detail-box .aside ul:after {
  content: '';
  display: table;
  clear: both;
}
.designline-detail-box .aside .item {
  float: left;
  width: 50%;
  margin-top: 15px;
  margin-bottom: 25px;
}
.designline-detail-box .aside .item h4 {
  text-transform: none;
  font-weight: bold;
  font-size: 12px;
  word-break: break-all;
  width: 80px;
}
.designline-detail-box .aside .item a {
  font-size: 0;
  display: inline-block;
  margin-right: 10px;
}
.designline-detail-box .aside .item a .icon {
  font-size: 1rem;
  color: #e61f22;
}
.designline-detail-box .designline-awards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 30px 0 20px 0;
}
.designline-detail-box .designline-awards img {
  margin: 20px;
}
.designline-detail-box .designline-awards .award {
  display: inline-block;
}
.designline-detail-box .forty {
  float: inherit;
}

.designline-products-button {
  background-color: #e8e8e8;
  border: 1px solid #d5d5d5;
  color: #000000;
  display: table;
  font-size: 12px;
  line-height: 2;
  margin: 0 0 10px 18px;
  padding: 6px 8px;
  position: relative;
  text-transform: uppercase;
  width: 234px;
}
.designline-products-button span {
  float: right;
  line-height: 2;
}

.designline-designer-box {
  border-bottom: 1px solid #999;
  margin: 0 0 20px;
  min-height: 1%;
}

.designline-designer-box h1 {
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 8px;
  text-transform: uppercase;
}

.designline-designer-box p {
  font-family: sans-serif;
  font-size: 12px;
  padding: 0;
}

.designline-designer-box:after {
  content: '';
  display: block;
  clear: both;
}

.designer-text {
  width: 760px;
  float: left;
  position: relative;
  margin-right: 20px;
}

.designer-image {
  width: 230px;
  float: right;
  margin-bottom: 20px;
  border: 1px solid #999;
}

.swiper-designline {
  visibility: hidden;
  width: 990px;
  position: relative;
}

.microsites .title {
  font-size: 12px;
  font-weight: bold;
}
.microsites .forty a {
  background: #e8e8e8 url(../img-static/Group.png) no-repeat right center;
  border: 1px solid #d5d5d5;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 8px 25px 7px 10px;
  margin-top: 5px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.solution-detail-box.collections-page .designline-detail-box .aside li.item div {
  /* border: 1px #e8e8e8 solid; */
  font-size: 12px;
  padding: 15px;
}

.solution-detail-box.collections-page .designline-detail-box .aside li.item div h4 {
  margin: 0;
  width: initial;
  margin-bottom: 10px;
  word-break: keep-all;
}

.solution-detail-box.collections-page .designline-detail-box .aside li.item div a {
  cursor: pointer;
}

.solution-detail-box.collections-page .designline-detail-box .aside li.item div a span {
  color: #999;
}

.item .brochure-img {
  border: 1px solid #d3d3d3;
  margin-left: 15px;
  width: 80px;
  height: 115px;
}

.designline-mosaic {
  height: auto;
  margin-bottom: 12px;
  text-align: left;
}
.designline-mosaic ul {
  clear: both;
  margin-left: -18px;
  padding: 0;
}
.designline-mosaic li.mosaic-outer-box {
  display: inline;
  float: left;
  height: 260px;
  position: relative;
  width: 25%;
}
.designline-mosaic li .mosaic-inner-box {
  margin: 0 0 18px 18px;
  padding: 2px 0 10px 2px;
}
.designline-mosaic li img {
  display: block;
  height: 90px;
  margin: 3px auto;
  vertical-align: top;
}
.designline-mosaic li p {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 140%;
  padding: 0;
}
.designline-mosaic h3 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0;
  text-transform: uppercase;
}
.designline-mosaic a {
  color: #000000;
}
.designline-mosaic a:hover {
  color: #000000;
  outline: none;
  text-decoration: none;
}
.designline-mosaic .designline-description {
  font-size: 12px;
  height: 1.3em;
}

/* other interior landing pages, like designers */
.landing-designers .six.columns {
  background-color: #e8e8e8;
  height: 208px;
  padding-left: 0;
  padding-right: 0;
  border-left: 0 solid #F4F5F5;
  border-right: 0 solid #F4F5F5;
  margin-bottom: .25em;
}
.landing-designers .six.columns:last-child {
  float: left !important;
}
.landing-designers .six.columns h3 {
  font-size: 1.25em;
  line-height: 105%;
  margin: 0 0 5px 0;
  padding: .25em .25em 0 3px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #000000;
}
.landing-designers .six.columns h3 a {
  color: #000000;
}

.landing-designers .six.columns h3.nolink-text:hover {
  color: #000000;
}
.landing-designers .six.columns p a {
  color: #666666;
}
.landing-designers .six.columns p a:hover {
  color: #0096d0;
}
.landing-designers .six.columns h4 {
  font-size: 0.75em;
  margin: 0 0 0 0;
  padding: 0 .5em .25em 3px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #666666;
}
.landing-designers .six.columns .related h4 {
  padding: .35em .5em .25em 3px;
}
.landing-designers .six.columns h5 {
  font-size: 0.75em;
  margin: 10px 0 5px 0;
  padding: 0 0 0 .35em;
  display: block;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: #000000;
}
.landing-designers .six.columns p {
  font-size: 12px;
  margin: 0 0 0 0;
  padding: .25em .25em .25em .35em;
  display: block;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #000000;
}
.landing-designers .six.columns h3:hover {
  color: #0096d0;
}

.landing-designers p {
  font-size: 12px;
  color: #666666;
  display: block;
  padding: 0 .5em;
  margin: 0 0 2em 0;
}

.collections-page .solution-home-box.mobile-four.six.columns:nth-child(2n +1) {
  clear: both;
}
.collections-page .solution-home-box.columns:last-child {
  float: left;
}

/* Local Products MENU Sub nav --------------------*/
.menu-select-country .content.local-products {
  overflow: hidden;
  padding: 10px;
}

.local-products ul {
  float: left;
  list-style: none outside none;
  margin: 6px 8px 0 1px;
  padding: 0;
  width: 147px;
  border: none !important;
}

/* NEW Local Products MENU Sub nav --------------------*/
.lt-ie8 .menu-select-country {
  padding-left: 0;
  padding-right: 0;
}

.menu-select-country .content.local-products.new {
  background: transparent;
  overflow: hidden;
  padding: 0;
  min-height: 320px;
  position: relative;
  padding-left: 138px;
}
.menu-select-country .content.local-products.new .category-link {
  position: absolute;
  bottom: 0;
  right: 0;
}
.menu-select-country .content.local-products.new .category-link a {
  color: #fff;
}

.lt-ie8 .menu-select-country .content.local-products.new {
  overflow: hidden;
  margin: 0 auto;
  width: 99%;
}

.local-products.new ul {
  float: left;
  list-style: none outside none;
  margin: 24px 0 0 0;
  padding: 0;
  width: 19%;
  border: none !important;
  overflow: hidden;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.lt-ie8 .local-products.new ul {
  height: 350px;
}

.local-products.new ul li {
  position: relative;
  border: none !important;
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 auto 22px auto;
  overflow: hidden;
  text-indent: 0;
}
.local-products.new ul li img {
  margin: 0 auto;
  zoom: 1;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.local-products.new ul li h2 {
  position: relative;
  border: none;
  width: auto;
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
}
.local-products.new ul li h2 a {
  color: #fff !important;
  width: 100%;
  height: 100%;
  display: block;
}
.local-products.new ul li h2 a:hover {
  color: #0096d0 !important;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
}

.lt-ie8 .local-products.new ul li {
  position: relative;
}
.lt-ie8 .local-products.new ul li h2 {
  position: absolute;
  z-index: 65000;
  top: 4px;
  left: 2px;
  font-weight: normal;
}
.lt-ie8 .local-products.new ul li h2 a {
  color: #fff !important;
  display: block;
  padding: 2px 2px;
  position: relative;
  height: auto;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.lt-ie8 .local-products.new ul li h2 a:hover {
  color: #000000 !important;
}

.local-products.new ul.solutions-nav {
  width: 325px !important;
  height: 100%;
  padding: 0;
  margin: 0 0 0 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.local-products.new ul.solutions-nav li {
  position: relative;
  width: 324px;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.local-products.new ul.solutions-nav li h2 {
  position: relative;
  height: auto;
  color: #fff;
  font-size: 15px;
  margin: 0;
  padding: 4px 0 8px 2px;
}
.local-products.new ul.solutions-nav li h2 a {
  color: #e8e8e8 !important;
}
.local-products.new ul.solutions-nav li h2 a:hover {
  color: #fff !important;
}
.local-products.new ul.solutions-nav li p {
  position: relative;
  color: #666666;
  padding: 0 6px;
}
.local-products.new ul.solutions-nav li img {
  width: 323px;
  height: auto;
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.80;
}
.local-products.new ul.solutions-nav li img:hover {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.local-products.new ul.product-banners {
  float: right;
  width: 43%;
  padding: 0 0 0 6px;
  margin-top: 22px;
  position: relative;
  display: inline-table;
}

.lt-ie8 .local-products.new ul.product-banners {
  height: 350px;
}

.local-products.new ul.product-banners li {
  background-color: transparent;
  margin: 0 0 0 5%;
  padding: 0 0 0 0;
  position: relative;
  display: inline-block;
  width: 35%;
  height: 130px;
  float: right;
}

.lt-ie8 .local-products.new ul.product-banners li {
  margin-bottom: 0px !important;
}

.local-products.new ul.product-banners li.double {
  height: 124px;
  background-color: #ffffff;
}
.local-products.new ul.product-banners li.double h2 {
  position: absolute;
  top: 82%;
  left: 4px;
}
.local-products.new ul.product-banners li h2 {
  font-size: 13px;
  font-weight: normal;
  position: relative;
  color: #fff;
  left: inherit;
  top: inherit;
  text-transform: inherit;
  text-indent: 0;
  padding-left: 0;
}
.local-products.new ul.product-banners li h2:hover {
  color: #0096d0;
  cursor: pointer;
}
.local-products.new ul.product-banners li img {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
  margin-bottom: 4px;
}

.lt-ie8 .local-products.new ul.product-banners li img {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.local-products.new ul.banner-search {
  width: 152px !important;
  height: 61px;
  overflow: hidden;
  margin: 0 0 0 5px !important;
  position: relative;
  float: left !important;
}
.local-products.new ul.banner-search h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  top: 13%;
  left: 4px;
  color: #fff;
}
.local-products.new ul.banner-search h2:hover {
  cursor: pointer;
}

/*--------------------*/
.international-products ul {
  float: left;
  list-style: none outside none;
  margin: 6px 8px 0 16px;
  padding: 0;
  width: 100%;
  border: none !important;
}
.international-products div h3 {
  margin: 0 0 .5em 0;
  padding: 0;
  line-height: 120%;
  color: #666666;
}
.international-products div p {
  margin: 0;
  padding: 0;
  line-height: 120%;
  color: #666666;
}

.local-products ul li:first-child {
  border-top: 0 !important;
}

.international-products ul li:first-child {
  border-top: 0 !important;
}
.international-products ul li:last-child h2 {
  background: none !important;
}

.local-products ul li, .international-products ul li {
  border: none !important;
  line-height: 1;
  padding-bottom: 0.85em;
}

.local-products ul li a, .international-products ul li a {
  color: #e0e0e0 !important;
  display: block;
  background-color: transparent !important;
}

.local-products ul li a:hover, .international-products ul li a:hover {
  color: #fff !important;
}

.local-products ul li h2 {
  width: 140px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  display: block;
  font-weight: normal;
}

.international-products ul li h2 {
  width: 100%;
  font-size: 13px !important;
  line-height: 100%;
  color: #666666;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  display: block;
}
.international-products ul li h2 a {
  font-size: 13px !important;
  padding: 2px 0 3px 0;
}

.local-products ul li.adv-search h2 a {
  font-size: 13px;
  padding: .65em 0 .65em .25em;
  display: block;
  background-color: #2f3033;
  width: 140px;
}
.local-products ul li.all-products h2 a {
  font-size: 13px;
  padding: .35em 0 .35em .25em;
  display: block;
  background-color: transparent;
  width: 140px;
}
.local-products ul.solutions-nav {
  width: 170px !important;
  padding: 3px 1px 0 12px;
  margin: 0;
}
.local-products ul.solutions-nav li h2 {
  border-bottom: none !important;
}
.local-products ul.no-child li h2 {
  border-bottom: none !important;
}
.local-products ul.solutions-nav li {
  border-bottom: 1px solid #ddd !important;
  padding: .42em 0 .42em 0;
  text-align: left;
  width: 100% !important;
}
.local-products ul.solutions-nav li:first-child, .local-products ul.solutions-nav li:last-child {
  border: none !important;
}
.local-products ul.solutions-nav li h2 {
  width: 100% !important;
}
.local-products ul.solutions-nav li a {
  color: #a7a7a7;
}
.local-products ul.solutions-nav li a:hover {
  color: #fff;
}
.local-products ul.solutions-nav li h2.solutions-head {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #5d5d5d;
  padding: 0;
  width: 100% !important;
  border: none !important;
  margin: -3px 0 0 0;
}

li.nav-indent {
  padding-left: .35em;
  display: block;
}
li.nav-indent a {
  padding-left: .35em;
  display: block;
}

/*search
--------------------------------------------------------------------------------*/
/* header search */
.product-search-header {
  position: relative;
  margin: 0;
  width: 202px;
}
.product-search-header input {
  font-size: 12px;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 12px 0 0 0;
  background-color: #fff;
  width: 204px;
  height: 33px !important;
  border: 1px solid #e8e8e8;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.lt-ie9.lt-ie8 .product-search-header input {
  height: 18px !important;
  width: 150px;
  margin: 17px 0 0 0;
  padding-bottom: 0;
  padding-left: 2px;
}
.lt-ie9.lt-ie8 .product-search-header.ie7white input {
  background: #fff !important;
  transition: none;
  color: #666666;
}

.product-search-header input:focus {
  color: #000000;
  background: #fff;
  border: 1px solid #fff;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.lt-ie9.lt-ie8 .product-search-header input:focus {
  background: #fff !important;
}

.product-search-header button {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 13px 15px;
  background-color: transparent;
  border: 0;
  background-image: url("../images/rocaUI/zoom.png");
  background-repeat: no-repeat;
  background-position: 12px 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.lt-ie9.lt-ie8 .product-search-header button {
  top: 17px;
}

.product-search-header button:focus, .product-search-header button:hover {
  background-color: transparent;
  background-position: 12px 6px;
}
.product-search-header label {
  position: absolute;
  top: 23px;
  right: 75px;
  font-size: 12px;
  z-index: -1;
}

.lt-ie9.lt-ie8 .product-search-header label {
  right: 72px;
}

/*search for search section*/
.content-search {
  background-color: transparent;
  display: block;
  margin: 0 auto;
  min-height: 620px;
  padding: 8px 0 4px 0;
  width: 100%;
  text-align: center;
}

.search-tit {
  margin-top: 2em;
  margin-bottom: 1em;
}
.search-tit h1 {
  font-size: 19px;
  line-height: 140%;
  text-align: left;
  margin: 0;
  padding: 0 25px 0 15px;
  word-wrap: break-word;
}
.search-tit p {
  margin: 0;
  padding: 0 25px 0 15px !important;
  text-align: left;
}

.alert {
  background-color: #fff;
  background-image: url("../images/rocaUI/alert.png");
  background-repeat: no-repeat;
  background-position: 5px 40%;
}

.entry-header .alert {
  margin-bottom: 10px !important;
}

p.nores {
  padding: 1em !important;
  font-size: 16px !important;
  display: block;
  margin: 1em 0;
  text-align: center;
}

#free_bot, #free_bot1, #free_bot2 {
  background-image: url("../images/rocaUI/zoom.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 28px;
  padding: 0;
  width: 28px;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

#free_bot:hover, #free_bot1:hover, #free_bot2:hover {
  /* background: url("../img-static/search_bot.gif") no-repeat 0 -24px transparent; */
}

.search-title-page.six.columns h2 {
  font-size: 1.5em;
  margin: 0;
  text-align: center;
}
.search-title-page.six.columns p {
  text-align: center;
  margin: 0;
}

.search-filters {
  width: 100%;
}

.adv_search, .adv_search1, .adv_search2 {
  width: 97%;
  min-height: 74px;
  clear: both;
  background: transparent;
  padding: 2px;
  margin: 8px auto 12px auto;
  /*border-top: 2px solid #dcdcdc;*/
  border-bottom: 0px;
}

.adv_search3 {
  min-height: 74px;
  clear: both;
  border-bottom: 0px;
  padding-bottom: 8px;
}
.adv_search3 .centered {
  clear: both !important;
}
.adv_search3 form {
  margin: 0;
}

.adv_search form, .adv_search1 form, .adv_search2 form {
  margin: 0;
}

.adv_search fieldset.pseudo-input, .adv_search1 fieldset.pseudo-input, .adv_search2 fieldset.pseudo-input, .adv_search3 fieldset.pseudo-input {
  width: 100%;
  height: 30px !important;
  background-color: #fff;
  border: 1px #898b8c solid;
  float: left;
  margin: 0;
  padding: 0 !important;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: relative;
}

.adv_search fieldset.pseudo-input:hover, .adv_search1 fieldset.pseudo-input:hover, .adv_search2 fieldset.pseudo-input:hover, .adv_search3 fieldset.pseudo-input:hover {
  border-color: #c9c9c9;
}

.adv_search input, .adv_search1 input, .adv_search2 input, .adv_search3 input {
  color: #666666;
  background-color: transparent;
  width: 90%;
  height: 30px !important;
  margin: 0 auto;
  padding: 4px !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 100%;
  text-align: left;
  float: left;
  border: 0;
}

.lt-ie8.lt-ie9 .adv_search input, .lt-ie8.lt-ie9 .adv_search1 input, .lt-ie8.lt-ie9 .adv_search2 input, .lt-ie8.lt-ie9.adv_search3 input {
  color: #666666;
  background-color: #fff;
  width: 290px;
  margin: 0 0 0 0;
  padding: 6px 0 0 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 100%;
  text-align: left;
  left: 1px;
  position: absolute;
}
.lt-ie8.lt-ie9 .adv_search .pseudo-input, .lt-ie8.lt-ie9 .adv_search1 .pseudo-input, .lt-ie8.lt-ie9 .adv_search2 .pseudo-input, .lt-ie8.lt-ie9 .adv_search3 .pseudo-input {
  width: 400px;
  height: 24px;
  background-color: #fff;
  border: 1px #ddd solid;
  float: left;
  margin: 2.20% 0 0 0;
  padding: 2px 0 0 0;
  text-align: left;
  position: relative;
}
.lt-ie8.lt-ie9 #free_bot, .lt-ie8.lt-ie9 #free_bot1, .lt-ie8.lt-ie9 #free_bot2 {
  background-image: url("../images/rocaUI/resources.png");
  background-repeat: no-repeat;
  background-position: -172px -90px;
  cursor: pointer;
  position: absolute;
  right: 1px;
  height: 24px;
  margin: 0 0 1px 0;
  padding: 0 0 0 0;
  width: 28px;
  display: inline;
}

/* avisos del search adv */
.adv-message01, .adv-message02, .adv-message03 {
  width: 100%;
  min-height: 30px;
  clear: both;
  padding: 2px 0;
  /* margin: 8px auto 12px auto; */
  border-top: 0px;
  border-bottom: 0px;
  display: none;
}

.adv-message01 p, .adv-message02 p, .adv-message03 p {
  padding: 4px 0 !important;
  color: #df0505 !important;
  font-weight: normal;
  text-align: center;
}

.search-message {
  width: 93%;
  min-height: 30px;
  clear: both;
  background: #e8e8e8;
  padding: 2px 2px 2px 6px;
  margin: 1px 8px 8px 8px;
  border-top: 1px #D7D7D7 solid;
  border-bottom: 1px #999 solid;
  display: none;
}
.search-message p {
  color: #DF0505;
}

.number-results {
  padding-left: 2px;
  color: #000000;
}

#back_bot {
  background: transparent url(../img-static/back_bot.jpg) no-repeat left top;
  margin: 30px 0 30px 75px;
  text-align: center;
  width: 56px;
  height: 24px;
  cursor: pointer;
  /* hand-shaped cursor */
  float: none;
}
#back_bot:hover {
  background: transparent url(../img-static/back_bot.jpg) no-repeat 0 -24px;
}

/* aqui modificamos los estilos. Estados activos */
.adv_search_acive input, .adv_search1_acive input, .adv_search2_acive input, .adv_search3_acive input {
  color: #666666;
  background-color: #fff;
  width: 88%;
  margin: 0 0 0 0;
  padding: 4px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 100%;
  text-align: left;
  float: left;
}

.pseudo-input-active {
  border: 1px solid #82c8f1 !important;
}

.adv_search_acive .tit-adv_acive, .adv_search1 .tit-adv_acive, .adv_search2 .tit-adv_acive, .adv_search3 .tit-adv_acive {
  width: 24%;
  min-height: 70px;
  float: left;
  background: #008BD0;
}

fieldset.pseudo-input-check {
  padding: 2px;
  margin: 0;
  width: 100%;
  border: none;
}

.lt-ie8.lt-ie9 fieldset.pseudo-input-check {
  padding: 8px;
  margin: 0;
  border: none;
  width: auto;
}

.pseudo-input-check p {
  color: #666666;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 150% !important;
  text-align: left;
  word-wrap: break-word;
}
.pseudo-input-check p input {
  width: auto !important;
  padding: 2px 0 0 0 !important;
  margin: 8px 4px 0 0 !important;
  text-align: left;
  height: 15px;
}

.lt-ie9 .pseudo-input-check p input {
  width: auto !important;
  padding: 4px 0 0 0 !important;
  margin: 13px 4px 0x 0 !important;
  text-align: left;
}

.lt-ie8.lt-ie9 .pseudo-input-check p {
  margin: 2px 0 2px 0 !important;
  line-height: 150%;
}
.lt-ie8.lt-ie9 .pseudo-input-check p input {
  margin: -1px 0 0 0 !important;
}

fieldset.pseudo-input-check2 {
  padding: 4px 0 15px 1px;
  width: auto;
  margin: 0;
}
fieldset.pseudo-input-check2 .search-all-products {
  position: absolute;
  bottom: 5px;
}

.pseudo-input-check3 {
  padding: 10px 0 0 10px !important;
  background-color: #F9F9F9 !important;
  /*width: 100%;*/
}

.pseudo-input-check2 p {
  display: inline;
  float: left;
  color: #666666;
  margin: 0 0 16px 0 !important;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 115% !important;
  text-align: left;
  word-wrap: break-word;
}

.pseudo-input-check3 p {
  width: 135px;
  display: inline;
  float: left;
  color: #666666;
  margin: 0 0 16px 0 !important;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 115% !important;
  text-align: left;
  word-wrap: break-word;
}
.pseudo-input-check3 .search-cat-home {
  margin: 0 2px 0 2px;
  padding: 4px;
  width: 165px !important;
}
.pseudo-input-check3 .search-cat-home .celda {
  min-height: 40px !important;
  outline: 0;
}

.pseudo-input-check2 input, .pseudo-input-check3 input {
  display: inline;
  float: left;
  width: 15px !important;
  padding: 0 !important;
  margin: 0 4px 16px 0 !important;
  text-align: left;
  line-height: 115% !important;
  background: transparent;
}

.menu-search p {
  width: 98% !important;
  padding: 3px 0 3px 0 !important;
  margin: 0 !important;
  text-align: left;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal;
  line-height: 126% !important;
}
.menu-search p input {
  padding: 0 !important;
  margin: 0 3px 0 3px !important;
  text-align: left;
  overflow: hidden;
  line-height: 126% !important;
}

.adv_search .tit-adv, .adv_search1 .tit-adv, .adv_search2 .tit-adv, .adv_search3 .tit-adv {
  min-height: 33px;
  padding: 2px;
  /*background: #ddd url(../img-static/adv_search_1_bkg.gif) repeat-x;*/
}

.adv_search1 .tit-adv h2, .adv_search2 .tit-adv h2, .adv_search3 .tit-adv h2 {
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  padding: 0;
  margin: 0;
  text-align: center;
}

.adv_search .tit-adv h3, .adv_search1 .tit-adv h3, .adv_search2 .tit-adv h3, .adv_search3 .tit-adv h3 {
  font-size: 1em;
  line-height: 120%;
  color: #333;
  padding: 0;
  margin: 0;
  text-align: left;
}

.search-items.six.columns {
  float: none;
}

.search-cat {
  width: 120px;
  margin: 8px 2px 0 8px;
}

.search-cat-home {
  width: 190.4px;
  margin: 0 18px 0 0;
  padding: 0;
}
.search-cat-home .celda {
  outline: 0;
  border-top: 1px solid #dcdcdc !important;
  /*border: 1px solid #e8e9ea; */
  min-height: 52px;
  margin: 0;
  padding: 1px;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.search-cat-home .celda:hover {
  background-color: #dcdcdc;
  color: #fff;
}
.search-cat-home p {
  padding: 5px 1px 0 5px !important;
  margin: 0 0 0 0 !important;
  line-height: 110% !important;
  font-weight: normal;
}

.search-cat-prod {
  min-width: 145px;
  margin: 0;
  line-height: 105%;
  display: block;
}
.search-cat-prod a {
  height: 50px !important;
}

#reference_bot, #hierarchy_bot_home {
  background: #1E415F url(../img-static/search_bot_adv.gif) no-repeat center top;
  padding: 3px;
  margin: 0 2em 1em 0;
  width: 98px;
  height: 24px;
  cursor: pointer;
  /* hand-shaped cursor */
  border: 1px #ddd solid;
}

#reference_bot:hover, #hierarchy_bot_home:hover {
  background: #1E415F url(../img-static/search_bot_adv.gif) no-repeat center -23px;
}

button#hierarchy_bot {
  text-align: center;
  font-size: 13px;
  background: #dcdcdc;
  width: auto;
  padding: 7px 20px;
  margin: 6px 0 22px 0;
  cursor: pointer;
  color: #000000;
  font-weight: normal;
  border: 0;
}
button#hierarchy_bot:hover {
  background-color: #999;
  cursor: pointer;
  border-color: #999;
  color: #ffffff;
}

.bot-filter {
  width: 220px;
  margin-left: 2px;
  margin-top: 12px;
}

fieldset.field_filters {
  border: 1px #ddd solid;
  width: 232px;
  margin-left: 8px;
  padding-top: 4px;
  background-color: #e8e8e8;
}

div.field_filters {
  border: 0;
  width: 232px;
  margin: 8px 0 0 0;
  padding: 3px;
  background-color: #e8e8e8;
}

.field_filters h2 {
  font-size: 14px !important;
  color: #666666;
  margin: 0 !important;
  padding: 0 !important;
}

.field_filters form.custom .custom, div#filter form.custom .custom {
  background: white none repeat scroll 0 0;
  border: 1px solid #cccccc;
  display: inline-block;
  height: 16px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 16px;
  margin-right: 5px;
}
.field_filters form.custom .custom.checkbox, div#filter form.custom .custom.checkbox {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
.field_filters form.custom .custom.checkbox:before, div#filter form.custom .custom.checkbox:before {
  color: white;
  content: "";
  display: block;
  font-size: 16px;
}
.field_filters form.custom .custom.checkbox.checked:before, div#filter form.custom .custom.checkbox.checked:before {
  color: #222222;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-top: 7px;
  margin-left: -7px;
  background: transparent url("../images/rocaUI/checked-icon.png") repeat 0 0;
  background-size: 14px 14px;
}

/* custom checkboxes based on foundation */
/* search hierarchy */
.search-hierarchy {
  width: 100%;
  padding: 5px 0 10px 0;
  margin: 0 auto;
}
.search-hierarchy fieldset {
  overflow: hidden !important;
  border: 0;
  z-index: 0;
  background-color: transparent;
}
.search-hierarchy ul {
  width: 24.7%;
  margin: 0 1px 8px 0;
  background-color: transparent;
}
.search-hierarchy li {
  font-size: 12px;
  line-height: 102%;
  margin: 8px 4px;
  border-bottom: 1px #ddd solid;
  padding-bottom: 3px;
}
.search-hierarchy li a {
  color: #888;
  font-weight: normal;
  font-size: 12px;
}
.search-hierarchy li a:link {
  color: #888;
  font-weight: normal;
  font-size: 12px;
}
.search-hierarchy li a:hover {
  color: #666666;
}
.search-hierarchy li input {
  margin: 0 4px 4px 0;
}
.search-hierarchy h3 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  color: #666666;
  font-weight: normal !important;
}
.search-hierarchy h4 {
  color: #666666;
}

/* Filters search */
.search-items.mobile-four.eleven.columns.centered.ui-accordion-content.ui-widget-content {
  width: 100% !important;
}

.column1-filter {
  width: 46%;
  float: left;
  margin: 0 2px 10px 1px;
}

.column2-filter {
  width: 46%;
  float: left;
  margin: 0 auto;
}

.column3-filter {
  width: 98%;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.column4-filter {
  width: 100%;
  float: left;
  margin: 0 auto;
  padding: 20px 0 10px 0;
}

.box-filter {
  margin: 10px 0 10px 0;
  display: table;
  width: 100%;
}
.box-filter p.thebold {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.box-filter h4.thebold.black {
  margin: 20px 0 10px 0;
  padding: 0 !important;
}

.reset-filters {
  /* margin: 20px 0 10px 0; */
}
.reset-filters a, .reset-filters a:hover {
  text-decoration: none;
}
.reset-filters span {
  background: #e8e8e8;
  display: inline-block;
  position: relative;
  top: .3em;
  height: 16px;
  width: 16px;
}
.reset-filters span:before {
  position: absolute;
  left: 7px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #e61f22;
  transform: rotate(45deg);
}
.reset-filters span:after {
  position: absolute;
  left: 7px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #e61f22;
  transform: rotate(-45deg);
}
.reset-filters p {
  display: inline-block;
  font-size: 12px;
  color: #000000;
}

.box-slider {
  width: 220px;
  height: 102px;
  text-align: center;
  float: left;
}
.box-slider .pseudo-input-check p input {
  height: 25px;
  display: block;
}

.search-title-font, .box-filter h4.thebold.black, .search-filter-box, #accordion_search_filters h2, .search-items div.category-search-mosaic .first-level li, .search-items div.category-search-mosaic .second-level, .search-items div.title, .search-items .search-all-products a {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
}

.search-filter-box, #accordion_search_filters h2, .search-items div.category-search-mosaic .first-level li, .search-items div.category-search-mosaic .second-level {
  background-color: #e8e8e8;
  padding: 12px 15px 12px 15px;
}

#accordion_search_filters {
  border: 1px solid #e8e8e8;
  position: relative;
}
#accordion_search_filters h2 {
  color: #000000;
  padding-left: 40px;
  border-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0;
}
#accordion_search_filters h2 .icon {
  font-size: 24px;
  position: absolute;
  top: .25em;
  left: .3em;
}
#accordion_search_filters h2 .active-filters {
  color: red;
  float: right;
  margin-right: 30px;
}
#accordion_search_filters h2 .active-filters .title {
  color: black;
  margin-right: 10px;
}
#accordion_search_filters .reset-filters {
  display: none;
}

#accordion_search_filters.ui-accordion {
  position: inherit;
}
#accordion_search_filters.ui-accordion .reset-filters {
  display: inherit;
}

/* search-categories-mosaic*/
.search-items div.title {
  margin: 15px 0px 10px 0px;
  display: inline-block;
}
.search-items .search-all-products a:hover {
  color: #e61f22;
}
.search-items .search-all-products.selected a {
  color: #e61f22;
}
.search-items div.category-search-mosaic {
  margin-bottom: 19px;
}
.search-items div.category-search-mosaic .first-level li {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.search-items div.category-search-mosaic .first-level li a {
  color: #000000;
}
.search-items div.category-search-mosaic .first-level li span {
  float: right;
}
.search-items div.category-search-mosaic .second-level {
  width: 190.4px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #d5d5d5;
  padding-left: 15px;
  display: none;
  position: absolute;
  z-index: 100;
  padding-bottom: 12px;
}
.search-items div.category-search-mosaic .second-level a {
  color: #000000;
  font-weight: normal;
  text-transform: none;
  line-height: 1.8;
}
.search-items div.category-search-mosaic.focused .first-level li {
  background-color: #999;
  color: #ffffff;
}
.search-items div.category-search-mosaic.focused .first-level li a {
  color: #ffffff;
}
.search-items div.category-search-mosaic.focused .second-level {
  display: block;
}
.search-items div.category-search-mosaic.focused .second-level a {
  color: #000000;
}
.search-items div.category-search-mosaic.selected .first-level a li {
  color: #e61f22;
}
.search-items div.category-search-mosaic.selected .first-level a li span {
  color: #000000;
}

.search-items.mobile-four.twelve.columns.centered.hide-mobile {
  /* 990px page width + 18px categorybox margin */
  width: 1044px;
}

/* mobile */
.mobile button#free_bot1 {
  background-color: transparent;
}
.mobile .search-title-page.six.columns {
  color: #000000;
}
.mobile .search-title-page.six.columns h2 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
}
.mobile .adv_search1 h2, .mobile .adv_search3 h2 {
  font-size: 14px;
}
.mobile .adv_search3 {
  margin-right: 0;
}
.mobile .search-items.hide-desktop {
  margin: 0 20px;
}

	/* pagination
--------------------------------------------------------------------------------*/
.pagination {
  width: 724px;
  height: 30px;
  background-color: #f0f0f0;
  margin-bottom: 8px;
  clear: both;
}

.pagination-bottom {
  width: 724px;
  height: 26px;
  background-color: #F0F0F0;
  margin: 12px 0 8px 0;
  clear: both;
}

.pagination ul, .pagination-bottom ul {
  list-style: none;
  width: auto;
  text-align: left;
}

.pagination li, .pagination-bottom li {
  float: left;
  margin: 6px 2px;
  font-size: 12px;
  line-height: 120%;
  font-weight: normal;
  text-align: center;
  color: #666666;
  display: inline;
}

.pagination li a, .pagination-bottom li a {
  float: left;
  margin: 0 2px;
  padding: 0 2px;
  font-size: 12px;
  line-height: 120%;
  font-weight: bold;
  text-align: center;
  color: #666666;
}

.pagination select, .pagination-bottom select {
  padding: 2px;
  float: right;
  margin: 3px;
  width: 120px;
  text-indent: 2px;
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.whitespace {
  height: 12px;
  width: 100%;
  margin-top: 12px;
  display: block;
  clear: both;
  background-color: transparent;
}

/* pagination
--------------------------------------------------------------------------------*/
.solution-detail-box .pagination2 {
  width: 100%;
  margin: 5px auto 5px auto;
}

.pagination2 {
  position: relative;
  height: 20px;
  background-color: transparent;
  margin: 5px auto 5px auto;
  padding: 0;
  text-align: left;
  clear: both;
  border: 0;
}

.lt-ie8.lt-ie9 .pagination2 {
  width: 96%;
  height: 26px;
  background-color: #e8e8e8;
  padding: 2px 0 2px 0;
}
.lt-ie8.lt-ie9 .pagination2.results {
  width: 95%;
}

.pagination-bottom2 {
  width: 708px;
  height: 30px;
  background-color: #e8e8e8;
  margin: 8px auto 8px auto;
  padding: 2px 0 1px 0;
  text-align: center;
  clear: both;
  border: 1px #e8e8e8 solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.pagination2 ul, .pagination-bottom2 ul {
  list-style: none;
  width: 65%;
  text-align: left;
  margin-left: 4px;
}

.lt-ie8.lt-ie9 .pagination2 ul, .lt-ie8.lt-ie9 .pagination-bottom2 ul {
  width: 60%;
  float: left;
}

.pagination2 li, .pagination-bottom2 li {
  float: left;
  display: inline;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 140%;
  margin: 0 4px;
  padding: 0 4px;
}

.lt-ie8.lt-ie9 .pagination2 li, .lt-ie8.lt-ie9 .pagination-bottom2 li {
  padding: 0 3px;
}

.pagination2 li a, .pagination-bottom2 li a {
  float: left;
}

.pagination2 select, .pagination-bottom2 select {
  padding: 2px;
  float: right;
  margin: 3px;
  width: 120px;
  text-indent: 2px;
  color: #666666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.twelve.columns li.all-results {
  margin: 0;
  padding: 0 0 0 273px;
  color: #000000;
}

li.all-results {
  margin: 0;
  padding: 0 0 0 0;
  color: #000000;
}
li.grid-options {
  margin: 0 3px 0 0;
  padding: 0;
  height: 28px;
  background-color: transparent;
  color: #676767;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline;
  float: left;
}

.lt-ie8.lt-ie9 li.grid-options {
  position: relative;
  margin: 0 2px 0 0;
}

#list-bot {
  background: #ffffff url(../img-static/bot-mosaic-list.gif) no-repeat 8px -73px;
  width: 35px;
  height: 25px;
  padding: 4px 6px;
  cursor: pointer;
  /* hand-shaped cursor */
  border: 1px #dbe6ef solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#mosaic-bot {
  background: #ffffff url(../img-static/bot-mosaic-list.gif) no-repeat 8px -25px;
  width: 35px;
  height: 25px;
  padding: 4px 6px;
  cursor: pointer;
  /* hand-shaped cursor */
  border: 1px #dbe6ef solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#list-bot:hover {
  background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -49px;
}

#mosaic-bot:hover, #mosaic-bot.state-active {
  background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px 3px;
}

#list-bot.state-active {
  background: #d6e5f2 url(../img-static/bot-mosaic-list.gif) no-repeat 8px -49px;
}

ul.grid-selector {
  width: 78px;
  height: 100%;
  display: inline;
  float: right;
  padding: 0 0 0 0;
}

.lt-ie8.lt-ie9 ul.grid-selector {
  display: inline;
  position: absolute;
  right: 6px;
  top: 2px;
  padding: 0;
  width: 86px;
}

li button.pagination-button {
  margin: 1px 0 0 0;
  padding: 3px 1em 3px 1em;
  color: #8a8a8a;
  background-color: #fff !important;
  border: 1px solid #ddd;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: 22px;
}

.lt-ie8.lt-ie9 li button.pagination-button {
  line-height: 118%;
  height: 1.85em;
  margin: 2px 0 0;
  padding: 0 0.1em 0.2em 0.1em;
}

li button.pagination-button:hover {
  color: #008BD0;
  background-color: #fff;
  border-top: 1px solid #b6b6b6;
  border-right: 1px solid #8a8a8a;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #8a8a8a;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.pagination-button {
  outline: 0;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  text-align: center;
  zoom: 1;
}

.pagination-loading {
  visibility: visible;
}

.page-tit {
  width: 96%;
  margin: 0 auto;
}

/* benefits box */
.benefits-box {
  margin: 12px 0 12px 0;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}
.benefits-box li {
  list-style: none;
  display: inline;
  margin: 12px 4px 12px 4px;
}

/* product mosaic */
.specialfixed {
  z-index: 99 !important;
}

.solution-detail-box .product-mosaic {
  width: 100%;
  margin: 0 auto 0 auto;
}

.product-mosaic-search-txt {
  margin-bottom: 12px;
  margin-left: 0;
  cursor: pointer;
  width: 100%;
}
.product-mosaic-search-txt ul {
  margin: 0 auto 2px auto !important;
  padding: 0;
  height: auto;
  clear: both;
}

.product-mosaic h2, .product-mosaic-search-txt h2 {
  clear: both;
  border-bottom: 1px #ddd solid;
  margin: 0 0 10px 0 !important;
  padding: 12px 0 0 0;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/*.product-mosaic-search-txt h2 {
	margin: 0 8px 8px 0 !important;
}*/
.product-mosaic {
  height: auto;
  margin-bottom: 12px;
}
.product-mosaic ul.level-one > li {
  padding-bottom: 10px;
}
.product-mosaic ul {
  margin-left: -18px;
  padding: 0;
  /* min-height: 1000px; */
  clear: both;
}
.product-mosaic li {
  width: 25%;
  height: 260px;
  float: left;
  display: inline;
  position: relative;
}
.product-mosaic li div.inner-mosaic-box {
  border: 1px #e8e8e8 solid;
  margin: 0 0 18px 18px;
  padding: 2px 0px 10px 2px;
  height: 245px;
}
.product-mosaic li p {
  margin: 0px 10px 2px 10px;
}
.product-mosaic li img {
  vertical-align: top;
  display: block;
  margin: 3px auto;
  height: 150px;
}
.product-mosaic li p {
  font-family: sans-serif;
  font-size: 12px !important;
  line-height: 110% !important;
  padding: 0 !important;
}
.product-mosaic li span.icon {
  color: #666666;
  font-size: 16px;
}

.product-mosaic-search-txt li {
  width: 20%;
  height: 263px;
  border: 1px #e8e8e8 solid;
  float: left;
  display: inline;
  padding: 2px;
  background-color: #fff;
  position: relative;
}

.lt-ie8.lt-ie9 .product-mosaic li, .lt-ie8.lt-ie9 .product-mosaic-search-txt li {
  width: 127px;
}
.lt-ie8.lt-ie9 .collections-page .product-mosaic li, .lt-ie8.lt-ie9 .product-mosaic.home-selling li {
  width: 130px;
}

div.mosaic-my-roca.activeme {
  background-color: #a8c2d7 !important;
}

.data .div.mosaic-my-roca {
  background-color: transparent;
}

.product-mosaic-search-txt a {
  display: block;
  /*height: 170px;*/
}

.product-mosaic {
  text-align: left;
}
.product-mosaic .product-sku span {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
  font-family: arial, sans-serif;
}
.product-mosaic .product-description {
  font-size: 12px;
  height: 1.3em;
}
.product-mosaic .designline a span {
  text-transform: uppercase;
  color: #e61f22;
}
.product-mosaic ul.level-one li a {
  min-height: inherit !important;
  height: auto !important;
}
.product-mosaic ul.level-one li a:link {
  min-height: inherit !important;
  height: auto !important;
}
.product-mosaic ul.level-one li:last-child {
  float: left !important;
}

.product-mosaic li:hover, .product-mosaic-search-txt li:hover {
  border-color: #c5c5c5;
}

product-mosaic-list div.mosaic-list-img {
  height: 160px;
  min-height: 130px;
  min-width: 140px;
  display: table-cell;
  vertical-align: middle;
}
product-mosaic-list .mosaic-list-in {
  margin: 0 auto;
  display: block;
}
product-mosaic-list .mosaic-list-in p {
  margin: 0px 0px 2px 0px;
}

.product-mosaic-list .mosaic-list-img {
  display: table;
  width: 100%;
  height: 150px;
}
.product-mosaic-list .mosaic-list-img a {
  display: table-cell;
  vertical-align: middle;
}
.product-mosaic-list .mosaic-list-img a img {
  float: none;
  display: block;
  height: auto;
}

.product-mosaic li span.arrow-right, li.product-mosaic-list span.arrow-right {
  width: 40px;
  height: 40px;
  background: transparent url("../images/rocaUI/arrow-right-blue.png") no-repeat center center;
  position: absolute;
  left: 35%;
  top: 33%;
  text-indent: -8000px;
  display: none;
}

div.mosaic-my-roca {
  height: 32px;
  display: inline;
}
div.mosaic-my-roca div.add {
  position: absolute;
}
div.mosaic-my-roca div.add.wish {
  right: 35px;
}
div.mosaic-my-roca div.add.compa {
  right: 10px;
}
div.mosaic-my-roca div.add.zoom {
  right: 60px;
}

.lt-ie9.lt-ie8 div.mosaic-my-roca div.add.wish, .lt-ie9.lt-ie8 div.mosaic-my-roca div.add.compa {
  display: inline;
  float: left;
}
.lt-ie9.lt-ie8 #viewClass div.mosaic-my-roca div.add.compa {
  margin-left: 40px;
}

.lt-ie9.lt-ie8 div.mosaic-my-roca div.add.wish {
  margin-left: 30%;
}

.compare-wish-list-explanation {
  min-height: 100px;
  width: 100%;
  margin: -30px auto 0 auto;
  padding: 0 35px;
  font-size: 13px;
  line-height: 140%;
  display: block;
  float: none;
  clear: both;
  background: url("../images/rocaUI/dialog.png") no-repeat transparent -10px top;
}
.compare-wish-list-explanation:after {
  content: " ";
  display: table;
}

.no-results {
  font-size: 14px;
  padding: 10px;
}

.home-selling-box div.mosaic-my-roca div.add.wish {
  margin-left: 0;
  position: relative;
}

div.mosaic-my-roca div.add input {
  position: relative;
  vertical-align: bottom;
  margin-top: 10px;
  cursor: pointer;
}

.product-mosaic div.add .checkbox {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -103px;
  border: none;
}

div.add .checkbox.checked, li.add .checkbox.checked {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -144px !important;
  border: none !important;
}

div.add .checkbox, li.add .checkbox {
  background-image: none;
}

div.add.wish span.checkbox, li.add.wish span.checkbox {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 7px !important;
  width: 25px !important;
  height: 20px;
  border: none;
}

div.add.wish span.checkbox.checked, li.add.wish span.checkbox.checked {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 0 -41px !important;
  width: 25px !important;
  height: 20px;
}

div.add.compa span.checkbox, li.add.compa span.checkbox {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -98px;
  width: 25px !important;
  height: 20px;
  border: none;
}

.lt-ie9.lt-ie-8 div.add.compa span.checkbox, .lt-ie9.lt-ie-8 li.add.compa span.checkbox {
  display: block;
}

div.add.compa span.checkbox.checked, li.add.compa span.checkbox.checked {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat 1px -139px !important;
  width: 25px !important;
  height: 20px;
}

xdiv.mosaic-my-roca div.delete {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0 0 0 0;
  padding: 0;
  height: 34px;
  width: 34px;
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -482px;
}
xdiv.mosaic-my-roca div.delete:hover {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -575px;
}

div.mosaic-my-roca div.delete {
  position: absolute;
  right: 35px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
div.mosaic-my-roca div.delete span:before {
  position: absolute;
  right: 7px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #e61f22;
  transform: rotate(45deg);
}
div.mosaic-my-roca div.delete span:after {
  position: absolute;
  right: 7px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #e61f22;
  transform: rotate(-45deg);
}
div.mosaic-my-roca div.delete:hover + div {
  display: block;
}

.lt-ie8.lt-ie9 div.mosaic-my-roca div.delete {
  height: 23px;
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 0 -514px;
  margin-left: 27px;
  margin-top: 4px;
}

.lt-ie9 #viewClass div.mosaic-my-roca div.delete {
  margin-top: 4px;
  background-position: 0 -512px;
}

td div.mosaic-my-roca {
  position: absolute;
  margin: 0 auto 0 auto;
  padding: 0;
  height: 16px;
  width: 95%;
  background: transparent;
  display: block;
  clear: both;
  bottom: 10px;
  left: 0;
  border-color: #ffffff;
}

.lt-ie9 td div.mosaic-my-roca {
  height: 20px;
}

td div.mosaic-my-roca .delete {
  position: absolute;
  right: 27%;
  bottom: 1px;
}
td div.mosaic-my-roca .delete:hover {
  cursor: pointer;
}
td div.mosaic-my-roca div.add.wish {
  margin: 0;
  position: absolute;
  left: 27%;
  top: 0;
  max-height: 20px;
  height: 20px;
  min-height: 20px;
  width: 20px;
}
td div.mosaic-my-roca div.add.wish:hover {
  cursor: pointer;
}
td mosaic-my-roca div.delete:hover {
  cursor: pointer;
}
td div.mosaic-my-roca div.add.wish span.checkbox {
  background-position: 0 0;
}

div.mosaic-my-roca div.delete:hover {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 5px -540px;
}

.lt-ie9.lt-ie8 div.mosaic-my-roca div.delete:hover {
  background: transparent url("../images/rocaUI/icons-my-roca.png") no-repeat scroll 5px -532px;
}
.lt-ie9 #viewClass div.mosaic-my-roca div.delete:hover {
  background-position: 0 -512px;
}

div.mosaic-my-roca div.add label {
  background-color: #494949;
  color: #fff;
  font-size: 11px;
  width: auto;
  min-width: 10px;
  padding: 2px;
}
div.mosaic-my-roca div.delete p {
  text-indent: -1000px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.special-white {
  background-color: #fff !important;
}

.product-mosaic-box {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.lt-ie9.lt-ie8 .product-mosaic-box {
  width: 95%;
}

.collections-page .product-mosaic-box {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
}

#product-mosaic-load {
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 9999;
  display: none;
  width: 728px;
  height: 110%;
  background: #fff url(../img-static/loading2.gif) no-repeat 260px 60px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.loading-bottom {
  background: #fff url(../img-static/loading3.gif) no-repeat center bottom !important;
}

#product-content {
  margin-left: 0;
}

.main-content.products .nine.columns #wishlist-page-content img {
  margin-bottom: 3px;
}
.main-content.products .nine.columns #wishlist-page-content li p {
  margin: 0px 10px 2px 10px;
  font-size: 12px;
  color: #222;
}
.main-content.products .nine.columns #wishlist-page-content li.product-mosaic-list {
  width: 33.3%;
}

/* mobile */
.mobile .product-mosaic ul {
  margin-left: 0;
}
.mobile .product-mosaic form {
  margin: 0 0 0 -18px;
}

.main-content.products .nine.columns #wishlist-page-content.mobile li.product-mosaic-list {
  width: 50%;
}

/* ==========================================================================
   V5 styles (Roca World Map)
   ========================================================================== */
.world-map-content {
  position: relative;
}

.world-map {
  width: 100%;
  height: 510px;
  overflow: hidden;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.world-map #map_sidebar {
  width: 279px;
  height: 510px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background: transparent url("../images/rocaUI/rwm_layer_bkg.png") no-repeat 0 0;
  padding: 4px 40px 4px 8px;
}
.world-map #map_sidebar p {
  font-size: 0.7em;
  margin: 0 0 8px 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  color: #777;
}
.world-map #map_sidebar p.title {
  font-size: 1em;
  margin-bottom: 10px;
  padding: 5px 0;
}
.world-map #map_sidebar .group {
  margin-top: 20px;
  clear: both;
  float: left;
  position: relative;
}
.world-map #map_sidebar .group .local_selector {
  top: 120px;
  float: left;
  clear: both;
  position: absolute;
}
.world-map #map_sidebar .map_sidebar_toggle {
  position: absolute;
  top: 0;
  right: 4px;
  width: 29px;
  height: 33px;
  display: block;
  cursor: pointer;
}
.world-map #map_sidebar ul li {
  font-size: 0.8em;
  clear: both;
  line-height: 2.2em;
  position: relative;
  float: left;
  margin-bottom: 5px;
}
.world-map #map_sidebar ul li span.check {
  width: 26px;
  height: 26px;
  display: block;
  background: transparent url(../images/rocaUI/rwm/ico_inactive_check.png) no-repeat 0 0;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.world-map #map_sidebar ul li span.check.inactive {
  width: 26px;
  height: 26px;
  display: block;
  background: transparent url(../images/rocaUI/rwm/ico_inactive_check.png) no-repeat 0 0;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.world-map #map_sidebar ul li span.check.active {
  background: transparent url(../images/rocaUI/rwm/ico_active_check.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li p {
  float: left;
  font-size: 1.2em;
  color: #000000;
}
.world-map #map_sidebar ul li span.ico {
  width: 46px;
  height: 37px;
  display: block;
  margin-left: 5px;
  float: left;
  margin-top: -5px;
}
.world-map #map_sidebar ul li.offices span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_offices.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.galleries span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_galleries.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.showrooms span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_showrooms.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.labs span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_labs.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.industries span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_industries.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.pointsofsale span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_pointsofsale.png) no-repeat 0 0;
}
.world-map #map_sidebar ul li.technicalservices span.ico {
  background: transparent url(../images/rocaUI/rwm/ico_technicalservices.png) no-repeat 0 0;
}

.world-map-content #map_form, .world-map #map_sidebar .map_form_sidepos {
  position: absolute;
  z-index: 40;
  width: 230px;
}

.world-map-content #map_form {
  display: none;
}
.world-map-content #map_form form {
  width: 100%;
}

.world-map #map_sidebar .map_form_sidepos form {
  width: 100%;
}

.world-map-content #map_form form.custom div.custom.dropdown, .world-map #map_sidebar .map_form_sidepos form.custom div.custom.dropdown {
  width: 100% !important;
  font-size: 0.9em;
  color: #999;
}

.world-map-content #map_form form.custom div.custom.dropdown ul {
  width: 100% !important;
}

.world-map #map_sidebar .map_form_sidepos form.custom div.custom.dropdown ul {
  width: 100% !important;
}
.world-map #map_canvas {
  width: 100%;
  height: 510px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.world-map #map_sidebar #showRange label input {
  margin-right: 5px;
}

/* ==========================================================================
   jQuery Horizontal Slider
   ========================================================================== */
.compare-products-main {
  position: relative;
  margin: 0 auto;
  display: block;
  visibility: hidden;
  opacity: 0;
  padding: 0 0 0 0;
  height: 0;
  overflow: hidden;
}
.compare-products-main.show {
  visibility: visible;
  opacity: 1;
}
.compare-products-main form {
  margin: 0;
}
.compare-products-main span.icon.icon-favourites {
  color: #666666;
}
.compare-products-main span.icon.icon-favourites.selected {
  color: #e61f22;
}
.compare-products-main td div.data {
  float: left;
}
.compare-products-main td div.data p {
  font-size: 11px !important;
  margin: 2px 0  0 0 !important;
  padding: 0 !important;
}
.compare-products-main td div.data p.product-description {
  height: 4.4em;
}
.compare-products-main td.picto {
  background: #fff;
}
.compare-products-main td.picto .data {
  float: left;
  display: block;
  float: left;
  background: #fff;
}
.compare-products-main td.picto .data div {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  float: left;
  text-indent: -999px;
}
.compare-products-main td.picto .data div img {
  margin: 0 !important;
  padding: 0;
  min-width: 30px;
  height: 30px;
  display: block;
  float: left;
}
.compare-products-main td.picto.dissable .data div img {
  opacity: 0.5;
}

.lt-ie8 .compare-products-main, .lt-ie8 .compare-products-filter {
  width: 98%;
}

.wrapper {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.wrapcomp {
  min-height: 171px;
  height: 171px;
  max-height: 171px;
  width: 100%;
  position: relative;
}
.wrapcomp .product-picture {
  border: 1px solid #DDD;
  margin-right: 5px;
  text-align: center;
}
.wrapcomp div.msgadd {
  top: 30px;
  right: inherit;
}
.wrapcomp div.msgdel {
  top: 30px;
  right: inherit;
}

#horiz_container_outer {
  width: 75%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  left: 25%;
  height: 300px;
  margin: 0;
  background-color: #4F4F4;
}

.touch #horiz_container_outer {
  overflow-x: auto;
}

#horiz_container {
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 300px;
}
#horiz_container ul {
  margin: 0px;
  padding: 0px;
  float: left;
}

#horiz_container_inner {
  padding: 0;
  padding-left: 0px;
}

#horiz_container {
  border-spacing: 0;
  padding: 0;
  border-collapse: collapse;
}
#horiz_container li {
  list-style: none;
  display: inline-table;
  margin: 0px;
}
#horiz_container li img {
  padding: 0px;
  margin: 0px;
}

#horiz_container_inner, #table-compare-values, #table-compare-labels {
  border-spacing: 0;
  padding: 0;
  border-collapse: collapse;
}

#table-compare-values {
  width: 100%;
  float: left;
}

.compare-products-main img.thumb {
  width: auto;
  height: 80px;
  -ms-interpolation-mode: bicubic;
}
.compare-products-main td {
  padding: 0;
  vertical-align: top;
  padding: 0;
  vertical-align: top;
}

.compare-products-filter {
  margin: .5em 0 1em 0;
  min-height: 31px;
  position: relative;
}
.compare-products-filter h5 {
  margin: .7em 0;
}
.compare-products-filter select {
  background-color: #ffffff;
  padding: .3em;
}

.columns.compare-products-filter:last-child {
  float: none;
}

.compare-products-hint {
  width: 25%;
  float: left;
  height: 31px;
}

#table-compare-category {
  position: absolute;
  width: 25%;
  z-index: 1;
  padding: 4px 0 14px .5em;
}
#table-compare-category h3 {
  font-size: 14px;
  margin: 0;
}

.compare-products-filter-form {
  background-color: transparent;
  float: left;
  width: 75%;
  height: 31px;
}
.compare-products-filter-form form {
  margin: 0;
  padding: 2px 0 2px 4px;
}

.products-delete-form {
  position: absolute;
  top: -44px;
  right: 32px;
  padding: 0;
  margin: 0;
}

.pagination2 .products-delete-form {
  right: 0;
}

.products-delete-form a, a.delete-items {
  padding: 8px 40px 10px 14px !important;
  font-size: 12px !important;
  height: 30px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background: #888 url("../images/rocaUI/ico_delete.png") no-repeat scroll right 0;
  white-space: nowrap;
  font-weight: normal;
}

.compare-products-delete-form a:hover {
  background-color: #c8dae8;
}

.compare-products-filter-form form.custom div.custom.dropdown {
  margin: 0 !important;
  font-size: 12px;
}

#table-compare-labels tr:nth-child(odd), #table-compare-values tr:nth-child(odd) {
  /* background: #f4f4f4; */
}

#table-compare-header {
  width: 708px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  display: none;
  height: 100px;
  z-index: 100;
  background-color: #e8e8e8;
}

#header {
  position: absolute;
}
#header .sliderpos td {
  height: 12px;
  position: relative;
}

#table-compare-header.fixed, #table-compare-category.fixed {
  display: block  !important;
  position: fixed !important;
  top: 0 !important;
}

#scrollbar.fixed {
  position: fixed !important;
  left: inherit !important;
}

#horiz_container_inner {
  position: absolute !important;
  top: 0 !important;
}

#header td, #header_inner td, #table-compare-values td {
  max-width: 150px;
  width: 150px;
}

#table-compare-labels {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  float: left;
  margin: 0 0 .5em 0;
}

.compare-products-main td div.data {
  width: 150px;
  margin: 0 !important;
  padding: 4px !important;
  font-size: 11px !important;
  font-family: Helvetica, Arial, sans-serif;
  position: relative;
}

.lt-ie9.lt-ie8 .compare-products-main td div.data {
  padding-bottom: 5px !important;
}

#table-compare-values td, #table-compare-labels td {
  border-top: 1px solid #d4d4d4;
}

.compare-products-main td div.data.true p {
  background: transparent url("../images/rocaUI/okis.png") no-repeat left center;
  text-indent: -6000px;
  margin: 0 !important;
}

#table-compare-labels td div.data {
  width: 100%;
  font-weight: bold;
}

.row .references {
  margin-bottom: 0;
}

div.data p.product-reference {
  font-weight: bold;
}
div.data p.product-description {
  color: #000000;
}
div.data p.product-description span {
  font-weight: bold;
  padding-right: 1px;
}

.compare-products {
  width: 100%;
  overflow-x: hidden;
}

#scrollbar {
  position: absolute;
  width: 708px;
  height: 20px;
  display: block;
  font-size: 1px;
  top: 0px;
  margin: 0px auto;
  background-color: #e8e8e8;
}

.touch #scrollbar {
  display: none;
}

.lt-ie9 #scrollbar {
  margin: 8px auto 0 auto;
}

#track {
  position: absolute;
  left: 0px;
  top: 0;
  width: 708px;
  height: 12px;
  background: #676767;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

#dragBar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  background-image: url("../images/rocaUI/dragbar.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
}

#left_scroll {
  position: absolute;
  border-color: transparent gray transparent transparent;
  border-style: solid;
  border-width: 5px;
  width: 0;
  height: 0px;
  cursor: pointer;
  top: 1px;
  left: -15px;
}

#right_scroll {
  position: absolute;
  right: -15px;
  top: 1px;
  border-color: transparent transparent transparent gray;
  border-style: solid;
  border-width: 5px;
  width: 0;
  height: 0px;
  cursor: pointer;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
  -moz-user-select: none;
  -khtml-user-select: none;
}

/*custom img alt hover style */
div.hover-title {
  position: absolute;
  color: #666666;
  background-color: #e8e8e8;
  display: inline-block;
  padding: 5px;
  font-size: 12px !important;
}

/* FAQs */
.faqs #accordion-container {
  font-size: 13px;
  background: transparent;
  padding-right: 0.9em;
  display: block;
  float: left;
  margin-top: 10px;
  width: 100%;
}
.faqs #accordion-container .headline {
  font-weight: bold;
}
.faqs .accordion-header {
  position: relative;
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #d4d4d4;
  cursor: pointer;
  text-align: left;
  padding: 8px;
  font-weight: 400;
  color: #000000;
  font-size: 1.2em !important;
  margin-top: 10px !important;
}
.faqs .accordion-header:hover {
  background-color: #999;
  color: #fff;
}
.faqs .accordion-header span {
  width: 21px;
  height: 15px;
  display: block;
  position: absolute;
  margin-right: 0;
  float: right;
  right: 10px;
  top: 8px;
}
.faqs .active-header span {
  background: transparent url("../images/rocaUI/resources.png") no-repeat -272px -97px;
}
.faqs .active-header:hover span {
  background: transparent url("../images/rocaUI/resources.png") no-repeat -272px -117px;
}
.faqs .inactive-header span {
  background: transparent url("../images/rocaUI/resources.png") no-repeat -272px -117px;
}
.faqs .inactive-header:hover span {
  background: transparent url("../images/rocaUI/resources.png") no-repeat -272px -97px;
}
.faqs .accordion-content {
  display: none;
  padding: 0 10px;
  background: transparent;
  color: gray;
  font-size: .9em;
}

/* TECH SERVICE */
input#searchDistributors {
  margin-left: 8.33333%;
}

.tech-search .entry-content.tech-land h3, .tech-search .entry-content.tech-land img, .tech-search .entry-content.tech-land p {
  float: left;
  display: inline;
}
.tech-search .entry-content.tech-land h3, .tech-search .entry-content.tech-land p {
  width: 80%;
}
.tech-search .entry-content hr {
  float: none;
  display: block;
  clear: both;
}

.points-sale.tech-search .search-result {
  width: 57.5%;
  margin-left: 25px;
  border-top: 3px solid #ddd;
}
.points-sale.tech-search .points-result.nine.columns {
  margin-top: 0;
}
.points-sale.tech-search .accordion-map {
  margin-left: 5px;
}

.tech-search .entry-content img {
  width: 109px;
  height: auto;
}

.form-message img {
  width: auto !important;
  height: auto;
}
.form-message h3, .form-message h6 .form-message p, .form-message img {
  clear: both !important;
  float: none;
  display: block;
}
.form-message h3, .form-message h6, .form-message p {
  width: 100% !important;
}

.termsandconditions p {
  width: 100% !important;
}

.tech-service-search {
  margin: 15px auto;
  padding: 10px 0;
  display: block;
  min-height: 150px;
  width: 95%;
  border-top: 3px solid #ddd;
  background-color: #e8e8e8;
}
.tech-service-search .offset-by-one input#cp {
  width: 90%;
}
.tech-service-search button {
  float: right;
  margin-right: 15px;
}

.st-bot h5 {
  font-size: 1em;
  color: #000000;
  margin: 0 !important;
}
.st-bot h5 a {
  color: #666666 !important;
  padding: 2px;
  display: block;
  outline: none;
  font-weight: normal;
}
.st-bot h5 a:link {
  color: #666666 !important;
  padding: 2px;
  display: block;
  outline: none;
  font-weight: normal;
}
.st-bot h5 a:hover {
  color: #ffffff !important;
}

.search_special_result {
  width: 85%;
  margin: 0 auto;
}

.form-message {
  margin: 20px 0;
  padding: 5px;
  font-size: 12px;
}

.error {
  color: red !important;
  font-weight: bold;
}

.double-text-area {
  margin: 15px 0;
  display: block;
}

.st-bot {
  width: 230px;
  margin: 10px 0 0 0 !important;
  background: #dcdcdc;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.st-bot:hover, .st-bot:focus {
  color: #ffffff;
  background-color: #999;
}

.button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

/* select country market page, only for dot-com wesite */
.page-select-country {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.page-select-country ul, .page-select-country p {
  text-align: left;
  font-size: 13px;
  line-height: 140%;
  height: auto;
  margin-bottom: 1em;
}
.page-select-country ul li {
  margin-bottom: 5px;
  line-height: 110%;
}

.markets-white-popup .page-select-country p.choose-country {
  color: #666666;
  font-size: 17px;
}
.markets-white-popup .page-select-country .content .columns p {
  color: #666666 !important;
}

.page-select-country p.country-tit {
  border-bottom: 1px solid #ddd;
  width: 95%;
  margin: .5em 0 .5em 0;
  padding: 0;
}
.page-select-country .content .columns > ul {
  float: left;
  max-width: 100px;
  margin-right: 10px;
  position: relative;
}

.markets-white-popup .page-select-country .content .columns > ul {
  margin-top: 4px;
}
.markets-white-popup .page-select-country .content .columns > ul li a {
  color: #000000;
}

.page-select-country .content .two.columns > ul {
  float: left;
  max-width: 100%;
  width: 100%;
  margin-right: 0;
  position: relative;
}
.page-select-country .content .columns > ul li a.other {
  color: #0096d0;
}
.page-select-country .extra .submenu {
  background-color: #e8e8e8 !important;
  min-height: 140px;
  padding: .5em;
  border-top: 1px solid #ddd;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}
.page-select-country .extra .submenu .country-list {
  background-color: transparent !important;
  padding: 0;
}
.page-select-country .content .submenu {
  display: none;
  margin-top: 20px;
}
.page-select-country p.choose-country {
  font-size: 14px;
}

/* points of sale */
.points-sale .points-result.nine.columns {
  margin-top: 3em;
}
.points-sale .drop-down-margin {
  margin-top: 15px;
  margin-bottom: 15px;
}
.points-sale .search-result {
  width: 57.5%;
  margin-left: 10%;
  border-top: 3px solid #ddd;
}
.points-sale .search-result p {
  padding: .15em 0;
}
.points-sale .accordion-map {
  width: auto;
  margin-left: 8%;
  margin-bottom: 1em;
}
.points-sale .accordion-map h5 a {
  margin: 0;
  padding: .5em;
  background-color: #e7e7e7;
}
.points-sale .accordion-map-content {
  display: none;
}
.points-sale .dropdown a {
  font-size: 13px;
}
.points-sale .related.photos {
  min-height: 100px;
  width: 215px !important;
  margin: 0 34px 0 0;
  display: inherit;
  clear: none !important;
  border-top: 3px solid #ddd;
}
.points-sale .entry-header h3 {
  margin-top: .5em;
}

/* poland special content */
.nine.columns.article-content.salon {
  margin-top: 10px;
}

.salon-box {
  background-color: #ffffff;
  display: block;
  clear: both;
  margin: 10px auto;
}
.salon-box #detailPointOfSale .six.columns img {
  float: none;
  padding: 5px;
  width: auto;
  max-width: 180px;
  margin-bottom: 2px;
}
.salon-box #detailPointOfSale .six.columns p {
  padding: 0 0 0 90px;
}
.salon-box .button {
  margin: 2px 0 5px 5px;
  clear: both;
  display: block;
}

#detailPointOfSale .six.columns {
  margin-bottom: 5px;
}

.twelve.columns.salon-box #detailPointOfSale p {
  padding: 5px 0 0 5px;
}

.salon_maps {
  border: 0 !important;
}

.twelve.columns.salon-pictures {
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.twelve.columns.salon-pictures img {
  padding: 5px 5px 0 0;
  margin-bottom: 0 !important;
}

/* Overlays tooltips */
div.msg {
  position: absolute;
  top: -25px;
  left: -45px;
  z-index: 20;
  display: none;
  font-size: 11px;
  text-align: center;
  color: #fff;
  min-width: 110px;
  background-color: #333;
  padding: 4px 1px;
  -webkit-box-shadow: 0 0 4px #aaa;
  box-shadow: 0 0 4px #aaa;
  border: 1px solid #6b6b6b;
}

.wrapcomp div.msg {
  z-index: 999;
}

.lt-ie8.lt-ie9 .wrapcomp .wish div.msg {
  top: -15px;
}
.lt-ie8.lt-ie9 .wrapcomp .delete div.msg {
  top: -25px;
}

div.msgdel {
  position: absolute;
  width: auto;
  top: 132px;
  right: 50px;
  z-index: 20;
  display: none;
  font-size: 11px;
  color: #ffffff;
  min-width: 100px;
  background-color: #333;
  padding: 5px 2px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  border: 1px solid #6b6b6b;
}

div.msgadd {
  position: absolute;
  width: auto;
  top: 132px;
  right: 30px;
  z-index: 20;
  display: none;
  font-size: 11px;
  color: #ffffff;
  /* min-width: 100px; */
  background-color: #333;
  padding: 5px 2px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  border: 1px solid #6b6b6b;
}

div.msgcom {
  position: absolute;
  width: auto;
  top: 132px;
  right: 10px;
  z-index: 20;
  display: none;
  font-size: 11px;
  color: #ffffff;
  min-width: 100px;
  background-color: #333;
  padding: 5px 2px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  border: 1px solid #6b6b6b;
}

/* usado para tooltip */
.tip, .references .tip {
  color: #666666;
  background: #e8e8e8;
  display: none;
  /*--Hides by default--*/
  padding: 10px;
  position: absolute;
  z-index: 1000;
  top: 10px !important;
  left: 0 !important;
}

.tip h4, .tip p {
  font-size: 12px !important;
}

.references .tip p, .references .tip_trigger {
  font-size: 12px !important;
}

.tip_trigger {
  color: #666666 !important;
  display: block;
  position: relative;
}
.tip_trigger a {
  color: #666666 !important;
  position: relative;
}
.tip_trigger a:link {
  color: #666666 !important;
  position: relative;
}
.tip_trigger:hover, .tip_trigger a:hover {
  color: #000000 !important;
  cursor: help;
}

	/* Products Section
---------------------------------------------------------------------------------*/
.general-box-title-font, .general-box, .product-detail-content .product-info-box h2 {
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  font-family: arial, sans-serif;
}

.general-box, .product-detail-content .product-info-box h2 {
  background-color: #f5f5f5;
  padding: 12px 15px 12px 15px;
}

.all-products h1 {
  margin: .5em 0 .5em 16px;
  font-size: 1.25em;
}

.imgCarrusel {
  max-height: 256px !important;
  max-width: 256px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.products-title-page {
  width: 100%;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #999;
  height: 90px;
  position: relative;
}
.products-title-page h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 20px;
}
.products-title-page .product-matrix-access {
  position: absolute;
  top: 40px;
  right: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-family: arial, sans-serif;
  background-color: #e8e8e8;
  padding: 7px 20px 7px 10px;
  border: 1px solid #d5d5d5;
}
.products-title-page .product-matrix-access span.icon {
  color: #e61f22;
  font-size: 11px;
  margin: 0 0 0 10px;
}
.products-title-page .product-matrix-access a {
  color: #000000;
}
.products-title-page .product-matrix-access:hover {
  background-color: #999;
}
.products-title-page .product-matrix-access:hover span.icon, .products-title-page .product-matrix-access:hover a {
  color: #ffffff;
}

.products h1.entry-title {
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  margin-top: -30px;
}

#pageContentRightColumn h1.entry-title:hover {
  color: #000000 !important;
}

#pageContentRightColumn h1.entry-subtitle {
  font-size: 18px;
  margin-bottom: 10px;
}

.products .products-title-page h2 {
  margin: 0;
  font-size: 1.5em;
}
.products .products-title-page h3 {
  margin: 0;
  font-size: 1em;
}
.products .column2-data h1.entry-title, .products .column2-data h2.entry-summary {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  border: none;
  margin: 0;
}

.column2-data > h6, .widget-productos h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  border: none;
  margin: 0;
}

.products .column2-data h1.entry-title {
  color: #000000;
  font-size: 24px;
}
.products .column3-data h2.entry-summary, .products .column2-data h2.entry-summary {
  color: #000000;
  font-size: 18px;
  padding: 0;
}

#pageContentRightColumn .accordion.twelve.columns {
  display: block;
  float: none;
  margin: 0 auto 10px auto;
}

p.special-counry-select {
  width: 80%;
  margin: .5em auto;
}
p.special-counry-select a {
  padding: .5em .75em;
  color: #0096d0;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
}
p.special-counry-select a:hover {
  background-color: #e8e8e8;
  border-bottom-color: #c4c4c4;
}

.collection .six img {
  width: 100%;
  height: auto;
}

.all-products-box {
  width: 100%;
  clear: both;
  margin: 0 8px 10px 8px;
}

.column-five {
  width: 176px;
  background: #e8e8e8 url(../img-static/all_products_bkg.gif) repeat-x;
  min-height: 1940px;
  float: left;
  margin: 2px 10px 2px 0;
  padding: 5px;
}
.column-five ul li {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.column-five ul li h2 {
  font-size: 110%;
  line-height: 110%;
  letter-spacing: 0;
  color: #666666;
  border-bottom: 1px #666666 solid;
  margin-top: 4px;
}
.column-five ul li h2 a {
  font-size: inherit;
  font-weight: bold;
  line-height: 140%;
  color: #666666;
}
.column-five ul li h2 a:link {
  font-size: inherit;
  font-weight: bold;
  line-height: 140%;
  color: #666666;
}
.column-five ul li h2 a:hover {
  color: #222;
}
.column-five ul li ul {
  margin: 12px 0;
}
.column-five ul li ul li {
  font-size: 102%;
  margin: 0;
  line-height: 150%;
  color: #000000;
  text-indent: 1px;
}
.column-five ul li ul li h3 {
  font-size: 105%;
  line-height: 110%;
  letter-spacing: 0;
  color: #1E415F;
}
.column-five ul li ul li h3 a {
  font-size: inherit;
  font-weight: bold;
  color: #1E415F;
}
.column-five ul li ul li h3 a:link {
  font-size: inherit;
  font-weight: bold;
  color: #1E415F;
}
.column-five ul li ul li h3 a:hover {
  color: #222;
}

ul.all-fourth {
  margin: 0 !important;
  background-color: transparent;
  padding-left: 11px !important;
}
ul.colors {
  margin: 0;
  padding: 3px 0;
  display: block;
}
ul.colors h6 {
  margin: 0 0 0 4px;
  font-weight: normal;
  color: #666666;
  font-size: 14px;
}
ul.colors li {
  display: block;
  background-color: #fff;
  min-height: 33px;
  margin: 0 0 2px 0 !important;
}
ul.colors li:first-child {
  background-color: transparent;
  margin: 0;
  min-height: 27px;
}
ul.colors li p {
  padding: 5px 0 5px 0 !important;
  line-height: 108% !important;
  width: 155px;
  vertical-align: middle !important;
  display: inline-block !important;
  font-size: 12px !important;
}

.lt-ie9 ul.colors li p {
  display: inline !important;
}

ul.colors li img {
  vertical-align: middle !important;
  margin: 0 1px 0 0 !important;
}

div.inside-colors {
  display: block;
  clear: both;
  width: 100%;
}

.column-five ul li ul li a {
  color: #666666;
  font-weight: normal;
  text-decoration: underline;
}
.column-five ul li ul li a:link {
  color: #666666;
  font-weight: normal;
  text-decoration: underline;
}
.column-five ul li ul li a:hover {
  color: #222;
  text-decoration: underline;
  font-weight: normal;
}

.column2 {
  width: 225px;
  min-height: 600px;
  background-color: transparent;
  vertical-align: top;
  display: block;
  float: left;
  margin-right: 8px;
  padding: 5px 5px 5px 0;
}
.column2 h1 {
  height: auto;
  padding-top: 18px;
}
.column2 p {
  font-size: 12px;
}

.column2-data {
  clear: both !important;
  float: none !important;
  padding: 0 17px 17px 0;
}

.collection.twelve.columns .column2-data {
  padding-bottom: 0;
}

.openclose, .opentext {
  display: inline-block;
  width: 20px;
  height: 16px;
  position: absolute;
  top: 35px;
  right: 17px;
  background: transparent url("../img-static/ui-icons_888888_256x240.png") no-repeat -47px -130px;
  text-indent: -3000px;
  overflow: hidden;
  cursor: pointer;
}

.openclose.opened-content, .opentext.opened-content {
  background-position: -47px -130px;
  /*-15px -130px;*/
}

.openclose.closed-content, .opentext.closed-content {
  background-position: -15px -130px;
}

/* PRICES */
.single-pricebox {
  position: relative;
  padding: 12px 0 0 0.25em;
  clear: both;
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
}
.single-pricebox h3 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  color: #666666 !important;
  font-weight: normal;
  margin: 0;
}
.single-pricebox span > span {
  color: #000000;
}

#pricebox {
  z-index: 3;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  margin-bottom: 20px;
}
#pricebox div {
  background-color: #fff;
  position: relative;
  padding: 0.35em 0.35em 0 0.35em;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#pricebox h3.ui-accordion-header {
  background: #e8e8e8 !important;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-family: Helvetica, Arial, sans-serif;
}
#pricebox h3.ui-accordion-header a {
  padding-left: .25em !important;
  padding-bottom: 6px;
  padding-top: 8px;
  border-right: none !important;
  border-left: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  outline: none;
  text-decoration: none;
}

li.priceitem {
  font-size: 12px;
  color: #666666;
  padding: 2px 0 2px 0;
  border-bottom: 1px solid #ddd;
  width: 100% !important;
  position: relative;
  overflow: hidden;
}

#pricebox li.priceitem p {
  width: 74% !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 100%;
}

span.pricevalue {
  position: absolute;
  right: 1px;
  top: 2px;
}

#pricebox .ui-accordion-content-active {
  display: block;
  min-height: 30px;
}

#pageContentRightColumn .ui-accordion-content-active {
  background-color: #e8e8e8;
}

#pricebox div li:last-child {
  border-bottom: none;
}

.column3-data {
  width: 98%;
}

.column2-data ul {
  font-size: 14px;
  width: 100%;
  clear: both;
  word-wrap: break-word;
  display: block;
}

.column3-data ul {
  font-size: 14px;
  clear: both;
}

.column2-data ul {
  font-size: 14px;
  clear: both;
}
.column2-data.first ul {
  border-top: none;
}
.column2-data.first h2.entry-summary {
  line-height: 120%;
}

.column3-data.features ul {
  padding: 5px 0;
}

.column2-data.features ul {
  padding: 5px 0;
}
.column2-data ul li h6 {
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  margin: 0;
}

.column3-data ul li {
  list-style-type: none;
  line-height: 140%;
  margin-top: 2px;
}
.column3-data ul li h6 {
  font-weight: bold;
  color: #333;
  border-bottom: 1px #ddd solid;
}

.column2-data ul li {
  list-style-type: none;
  line-height: 130%;
  clear: both;
}
.column2-data ul li.product-mosaic-list {
  clear: inherit;
  float: left;
}

.column3-data ul li:first-child, .column2-data ul li:first-child {
  margin-top: 0;
}

.column3-data ul li p, .column2-data ul li p {
  display: inline;
  font-size: 12px;
  color: #666666;
}

.column3-data ul li h5, .column2-data ul li h5 {
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  display: inline;
}

.lt-ie9.lt-ie8 .column2-data ul li p, .lt-ie9.lt-ie8 .column2-data ul li h5 {
  display: inline;
}

.column2-data .product-mosaic li p {
  display: block;
}
.column2-data ul li p {
  display: inline-block;
  font-size: 13px;
  color: #666666 !important;
  line-height: 140% !important;
  padding-top: 0 !important;
  padding-right: 3px !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin: 0;
}
.column2-data ul li h5 {
  color: #000000;
  font-weight: normal;
  font-size: 13px;
  display: inline-block;
  line-height: 140%;
  margin: 0 !important;
}

.column3-data.features ul li, .column2-data.features ul li, .column3-data.features ul li {
  display: inline-block;
  margin-right: 1px;
  margin-top: 1px !important;
}

.column2-data.features ul li {
  display: inline-block;
  margin-right: 1px;
  margin-top: 1px !important;
  height: 56px;
  width: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.lt-ie9.lt-ie8 .column3-data.features ul li, .lt-ie9.lt-ie8 .column2-data.features ul li {
  display: inline;
  margin-right: 1px;
  margin-top: 1px !important;
}

.column3-data.features ul li img {
  margin: 0 !important;
  padding: 0;
  max-width: 56px;
}

.column2-data.features ul li img {
  margin: 0 !important;
  padding: 0;
  max-width: 56px;
}
.column2-data ul li div, .column2-data.features ul li div {
  clear: both;
}

/* .column2-data ul li img  {margin:2px 5px 3px 0; vertical-align:middle; float: left;} */
/* fix for chrome list */
.row .datasheet .row {
  margin: 0 0 10px 0 !important;
  width: 100%;
  padding-bottom: 0;
  float: left;
  clear: both;
}

.datasheet .row hr {
  margin: 0;
  clear: both;
}

.six.columns.datasheet {
  padding: 0 5px;
}

.columns.datasheet {
  padding: 0;
}

.nine.columns.datasheet {
  padding: 0 0 0 10px;
}

.six.columns.datasheet .ui-accordion {
  margin-top: 10px;
}
.six.columns.datasheet .ui-accordion h3 a {
  text-indent: 4px;
}

.three.datasheet .eleven {
  font-size: 13px;
  line-height: 130%;
  position: relative;
  clear: both;
  float: none;
  display: block;
  margin: 0 0 20px 15px;
}
.three.datasheet.end .eleven {
  position: inherit;
}
.three.datasheet .eleven h5 {
  margin-left: 1px;
  color: #666666;
  font-weight: normal;
}
.three.datasheet.end {
  margin-top: 54px;
}
.three.datasheet.end .eleven {
  margin-left: 6px;
}

.datasheet form {
  margin: 0;
}

.three.datasheet .eleven p, .three.datasheet .eleven h6 {
  margin: 0;
}
.three.datasheet .eleven p {
  color: #666666;
}
.three.datasheet h4.eleven {
  color: #666666;
}
.three.datasheet .eleven.related li p a {
  padding: 2px 0;
}
.three.datasheet .eleven.related li p a:link {
  padding: 2px 0;
}
.three.datasheet .eleven.related li p a:hover {
  color: #0096d0;
}

.column2-data.datasheet p a {
  color: #0096d0;
}

.action-button-box, .call-actions ul li {
  border: 1px solid #d5d5d5;
  background-color: #e8e8e8;
  text-transform: uppercase;
  color: #000000;
  line-height: 2;
  font-size: 12px;
}

.call-actions {
  margin: 0;
}
.call-actions label {
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1;
}
.call-actions li:hover {
  background-color: #999;
}
.call-actions .shop label {
  color: #ffffff;
}
.call-actions .shop:hover {
  opacity: 0.8;
}
.call-actions label:hover {
  color: #ffffff;
}
.call-actions label:hover span {
  color: #ffffff;
}
.call-actions .shop label:hover {
  color: #ffffff;
}
.call-actions ul li {
  margin-bottom: 10px;
  display: block;
  font-weight: normal;
  font-family: arial;
  padding: 6px 8px 10px 8px;
  line-height: 1.5;
}
.call-actions ul li.shop {
  background-color: #0096d0;
  text-align: center;
  padding: 10px 4px;
}
.call-actions ul li.shop a {
  color: #ffffff;
}
.call-actions ul li a {
  color: #000000;
}
.call-actions span.icon {
  color: #333;
  font-size: 16px;
  padding-right: 10px;
}

form.custom .shop span.custom {
  display: none;
}

#demoDefaultSelection {
  visibility: hidden;
}

.dd-select {
  padding: 1px 0;
}

.dd-selected label {
  font-size: 12px;
}

.dd-selected-text {
  line-height: inherit;
  line-height: 35px !important;
}

.product-color {
  background-color: white;
}
.product-color span {
  font-size: 12px;
  line-height: 35px !important;
  color: #4d4d4d;
}

li.download-pdf a {
  background: transparent url("../images/rocaUI/pdf-icon.png") no-repeat 0 0 !important;
  display: block;
  padding-left: 25px;
}

label.dd-option-text {
  line-height: 35px;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.call-actions ul li.questions {
  text-indent: 20px;
  background: #fff url("../images/rocaUI/icons-my-roca.png") no-repeat 3px -322px !important;
}
.call-actions ul li.questions a {
  padding: 3px 0;
  display: block;
}

a.dd-option:hover {
  background-color: #fff;
  color: #0096d0;
}

.gallery-thumbs {
  height: 100px;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-wrapper {
  height: 100%;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  border: 1px solid #ddd;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-top {
  height: 80%;
}

.swiper-slide {
  background-position: center center;
  background-size: cover;
}

.morephotos .product-detail-img {
  overflow: hidden;
  height: 100%;
}
.morephotos .product-detail-img span.product-detail-img-wrap {
  border: 1px solid #d5d5d5;
  display: table-cell;
  height: 256px;
  width: 256px;
  text-align: center;
  vertical-align: middle;
}
.morephotos .product-detail-img a.detail-image {
  height: 100%;
  text-decoration: none;
}
.morephotos .product-detail-img .carousel-nav {
  position: relative;
  z-index: 98;
  float: left;
  margin-top: 285px;
}
.morephotos .product-detail-img .carousel-nav a {
  background: #d5d5d5;
  border: 2px solid #d5d5d5;
  border-radius: 2px;
  display: inline-block;
  /* height: 10px !important; */
  margin: 0 2px;
  width: 14px;
  height: 14px;
}
.morephotos .product-detail-img .carousel-nav a.active {
  background: #fff;
  border-color: #999;
}
.morephotos .swiper-wrapper {
  padding-bottom: 1px;
}

.product-detail-larger-photo-link, .larger-photo-link {
  margin: 5px 0;
}
.product-detail-larger-photo-link label, .larger-photo-link label {
  color: #000000;
  font-size: 12px;
}
.product-detail-larger-photo-link label span, .larger-photo-link label span {
  font-size: 16px;
}
.product-detail-larger-photo-link label:hover, .larger-photo-link label:hover {
  color: #e61f22;
}
.product-detail-larger-photo-link .icon:before, .larger-photo-link .icon:before {
  color: #e61f22;
}

.main-content.products .nine.columns .morephotos .swiper-wrapper img {
  margin-bottom: 0;
}

/*.morephotos .swiper-wrapper {max-height:340px;}*/
.dd-container .dd-option-selected {
  display: none;
}

.btn-product-datasheet {
  background-color: #e8e8e8;
  padding: 8px 8px 6px 8px;
  font-size: 12px;
  float: left;
  margin: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.column2-data li.popup-measures a, .column2-data li.download-pdf a {
  padding: 5px 0 5px 30px;
  color: #0096d0;
}

.popup-measures a {
  background: transparent url("../images/rocaUI/dimension-bkg.png") no-repeat -4px 4px !important;
  display: block;
}

.lt-ie9 .popup-measures a {
  padding-top: 0;
}

.datasheet h5, .datasheet h3 {
  font-size: 14px;
  margin: .5em 0 0 0;
  padding: 0;
}
.datasheet h6 {
  margin: 0 !important;
  font-size: 18px;
}

.widget-productos h6 {
  margin: 0 !important;
  font-size: 18px;
}

.datasheet hr {
  padding: 0 0 17px 0;
}

.activeme {
  background-color: #000000;
}
.activeme label {
  color: #000000;
}

.accessories-list .item {
  line-height: 1.4;
  white-space: pre-wrap;
  width: auto;
  float: none;
  color: #111111 !important;
}

.product-designer.hide-mobile {
  padding: 3px;
  text-align: left;
  float: none !important;
  clear: both;
  display: block;
  background-color: #fff;
  line-height: 130%;
  margin: 0 auto 10px auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.product-detail-main .product-detail-header p, .product-detail-main .product-detail-header a {
  color: #000000;
}
.product-detail-main .product-detail-header p {
  margin: 0 0 5px;
  padding: 0;
}
.product-detail-main .product-detail-header .product-reference h1 {
  margin: 0 0 5px;
}
.product-detail-main .product-detail-header .product-reference h1 span {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  padding: 0;
  text-transform: none;
  font-family: arial, sans-serif;
}
.product-detail-main .product-detail-header .product-description {
  margin: 0 0 5px;
  color: #000000;
}
.product-detail-main .product-detail-header .product-description span {
  font-size: 16px;
  font-family: arial, sans-serif;
}
.product-detail-main .product-detail-header .product-collection.hide-mobile {
  padding: 3px;
  text-align: left;
  float: none !important;
  clear: both;
  display: block;
  background-color: #ffffff;
  line-height: 130%;
  margin: 0 auto 10px auto;
}
.product-detail-main .product-detail-header .product-collection.hide-mobile strong {
  font-weight: bold;
}
.product-detail-main .product-detail-header .product-collection.hide-mobile strong:hover {
  text-decoration: underline;
}
.product-detail-main .product-detail-header .product-collection p {
  background-color: #ffffff;
}

.laufen-accordion-content, .product-detail-content .product-info-box .product-info-box-content ul.dimensions-list, .product-detail-content .product-info-box .product-info-box-content ul.colors-list {
  /*width: 100%;*/
  margin: 0 auto;
}
.laufen-accordion-content li, .product-detail-content .product-info-box .product-info-box-content ul.dimensions-list li, .product-detail-content .product-info-box .product-info-box-content ul.colors-list li {
  color: #000000;
}

.product-detail-content {
  margin-top: 20px;
}
.product-detail-content .swiper-container {
  margin: 0;
}
.product-detail-content .product-info-box#tech-drawings .product-info-box-content {
  text-align: center;
}
.product-detail-content .product-info-box#tech-drawings img {
  max-height: 400px;
}
.product-detail-content .product-info-box li {
  font-size: 12px;
}
.product-detail-content .product-info-box li img {
  margin: 0 auto;
}
.product-detail-content .product-info-box li.item.no-wrap {
  white-space: pre-wrap;
  width: auto;
  float: none;
  color: #222 !important;
}
.product-detail-content .product-info-box .product-info-box-content {
  padding: 20px 10px 30px 10px;
}
.product-detail-content .product-info-box .product-info-box-content.downloads {
  padding-left: 0;
}
.product-detail-content .product-info-box .product-info-box-content ul.dimensions-list li {
  float: left;
  width: 205px;
}
.product-detail-content .product-info-box .product-info-box-content ul.colors-list li {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  padding-left: 100px;
  position: relative;
  margin-bottom: 20px;
  width: 228px;
  height: 70px;
}
.product-detail-content .product-info-box .product-info-box-content ul.colors-list img {
  width: 90px;
  height: 45px;
  border: 1px solid #d5d5d5;
  position: absolute;
  left: 0;
}
.product-detail-content .product-info-box .product-info-box-content h3.downloads-section-headline {
  border-bottom: 1px solid #d5d5d5;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  font-family: arial, sans-serif;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content {
  padding: 10px;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table tbody {
  font-size: .75em;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th {
  font-weight: bold;
  text-align: left;
  padding: 9px 0px 25px 35px;
  position: relative;
  width: 33.333%;
  word-break: break-all;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th span {
  font-weight: bold;
  padding-right: 5px;
  color: #d5d5d5;
  position: absolute;
  left: 0;
  font-size: 24px;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-2d, .product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-3d {
  top: 14px;
  font-family: arial;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  top: 8px;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-2d:before {
  content: "2D";
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-3d:before {
  content: "3D";
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-pencil, .product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-wrench, .product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-image, .product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-copy {
  top: 6px;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-pencil:before {
  content: "\e60e";
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-wrench:before {
  content: "\e614";
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-image:before, .product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table th .icon.icon-copy:before {
  font-size: 26px;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table td {
  padding: 9px 0 25px;
  vertical-align: top;
  width: 33.333%;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table td a {
  color: #999;
  text-decoration: none;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table td a:hover {
  color: #e61f22;
}
.product-detail-content .product-info-box .product-info-box-content .downloads-section-content .downloads-table td .icon {
  color: #e61f22;
  font-size: 16px;
  padding-right: 10px;
}
.product-detail-content .product-info-box .product-info-box-content .options-list {
  width: 100%;
}
.product-detail-content .product-info-box .product-info-box-content .options-list li {
  color: #000000;
  width: 100%;
  line-height: 1.5em;
}
.product-detail-content .product-info-box .product-info-box-content .options-list li .finish-option-text {
  display: inline-block;
  width: 65%;
}
.product-detail-content .product-info-box .product-info-box-content .options-list li .finish-option-weight {
  display: inline-block;
}

.downloads-section-content.brochures {
  margin-bottom: 15px;
}
.downloads-section-content.brochures .brochure-img {
  border: 1px solid #d5d5d5;
}
.downloads-section-content.brochures .brochures-download-list {
  width: 100%;
}
.downloads-section-content.brochures .brochures-download-list li {
  width: 100%;
  /*min-height: 100px;*/
}
.downloads-section-content.brochures a:link {
  color: #999;
  text-decoration: none;
}
.downloads-section-content.brochures a:link:hover {
  color: #e61f22;
}
.downloads-section-content.brochures .icon {
  color: #e61f22;
  font-size: 14px;
}
.downloads-section-content.brochures .brochure-actions-list {
  float: left;
  margin: 7px auto 0 .7em !important;
  width: auto;
}

#related-products .product-info-box-content {
  margin-right: -26px;
  padding: 10px 0;
}

.related-products .product-mosaic ul.mobile-four {
  width: 100%;
  margin-left: -18px !important;
}
.related-products .product-mosaic ul.mobile-four li {
  width: 33%;
  margin: 0;
}
.related-products .product-mosaic ul.mobile-four li .inner-mosaic-box div.mosaic-list-in p {
  color: black;
  display: block;
  margin: 0px 10px 2px 10px;
}
.related-products .product-mosaic ul.mobile-four li span.mosaic-list-img a:link img {
  margin-bottom: 3px;
}

/*ficha de producto: navegacion horizontal*/
.product-navigation {
  position: absloute;
}
.product-navigation p {
  display: inline;
}
.product-navigation .three.columns.offset-by-nine {
  background-color: #ffffff;
  margin-top: 3px;
  position: absolute;
}
.product-navigation .three.columns.offset-by-nine a {
  margin: 0;
  text-align: center;
  color: #666666;
  font-size: 12px;
}
.product-navigation .three.columns.offset-by-nine p {
  margin: 0;
  text-align: center;
  color: #666666;
  font-size: 12px;
  padding-top: 5px;
}
.product-navigation .three.columns.offset-by-nine a p {
  text-indent: -3333px;
  padding: 2px 0;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right {
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpi/P//PwM1ARMDlQELLglGRsbpQOojEFfgUoPNd/hcCDKsHIg7SHIiyBZsGApAhv3HZShWfQQMxGsouQbiNJQSA7EaSqmBGIZSw0AUQ7Hpo3rCHlAvUzVSqJpsqJqwqZr18BqGy0BGXDFKbvHFOOhLbIAAAwB5RrgueOec4gAAAABJRU5ErkJggg==) no-repeat center right;
  opacity: 0.36;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right:hover {
  cursor: pointer;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIRJREFUeNpi/P//PwM1ARMDlQELLgmJ7nPTgdTHl2XGFbjUYPMdPhd+BOJy8a6zHSQ5EWQLNgwCIMOA+D8uQ7Hqw2cgIUPJMhCfoWQbiMtQigzEZijFBqIbik0f1RP2wHmZqpFC1WRD1YRN1axHyDBcBuJLNvxA3Imv+MIGGAd9iQ0QYACe/uq6A8pyCAAAAABJRU5ErkJggg==) no-repeat center right;
  opacity: 1;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-right-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpi/P//PwM1ARMDlQELLglGRsbpQOojEFfgUoPNd/hcCDKsHIg7SHIiyBZsGApAhv3HZShWfQQMxGsouQbiNJQSA7EaSqmBGIZSw0AUQ7Hpo3rCHlAvUzVSqJpsqJqwqZr18BqGy0BGXDFKbvHFOOhLbIAAAwB5RrgueOec4gAAAABJRU5ErkJggg==) no-repeat center right;
  opacity: 0.10;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left {
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwM1ARMDlQELNkFGRkZ8ejqAmB/os0xquBBkWDkQf8SpAhSG6BiPYf+hNFZ9YL1EGohiGKUGYhhGiYFYDSPXQJyGkWMgXsPwGUj1hE03L9MkUmiSbGiSsGmS9TAMxWUgC4mJogJK8+NSwDjoS2yAAAMA20Cvu/b5HZEAAAAASUVORK5CYII=) no-repeat center left;
  opacity: 0.36;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left:hover {
  cursor: pointer;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIRJREFUeNpi/P//PwM1ARMDlQELNkFGRkacGsS7znYAKf4XpUaZFLsQalg5EH/EqQgUhugYl2FA/B9qKFZ9YL3EGIhuGEUGYjOMbANxGUaWgfgMI9lAQobhM5DqCZs+XqZJpNAk2dAkYdMk62EzlCrJ5mWZcQWQ6gQVX7jUMA76EhsgwAAVOOa63PAK/QAAAABJRU5ErkJggg==) no-repeat center left;
  opacity: 1;
}
.product-navigation .three.columns.offset-by-nine a p.arrow-left-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  padding-top: 6px;
  display: block;
  margin: 0;
  width: 100%;
  text-indent: -3000px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHxJREFUeNpi/P//PwM1ARMDlQELNkFGRkZ8ejqAmB/os0xquBBkWDkQf8SpAhSG6BiPYf+hNFZ9YL1EGohiGKUGYhhGiYFYDSPXQJyGkWMgXsPwGUj1hE03L9MkUmiSbGiSsGmS9TAMxWUgC4mJogJK8+NSwDjoS2yAAAMA20Cvu/b5HZEAAAAASUVORK5CYII=) no-repeat center left;
  opacity: 0.10;
}

.product-designer h6 {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #000000;
  font-weight: normal;
  font-size: 13px;
}

.product-collection h4 {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #000000;
  font-weight: normal;
  font-size: 13px;
}
.product-collection img {
  width: 50%;
}

.product-designer img {
  width: 50%;
}

.eleven.columns.data-column h4 {
  margin-bottom: 4px;
  padding-top: 6px;
}

.lt-ie9.lt-ie8 .eleven.columns.data-column h4 {
  padding-top: 0;
}

.datasheet .eleven.columns.data-column a p:hover {
  color: #0096d0;
}
.datasheet .product-designer img {
  width: 50%;
  height: auto;
  margin: 6px 12px 0 0;
}

.column3 {
  width: 485px;
  min-height: 600px;
  display: block;
  background-color: transparent;
  float: left;
  vertical-align: top;
}
.column3 h4 {
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
  margin: 10px 0 0 0 !important;
  line-height: 141%;
  width: 98%;
}

.product-list-tit {
  margin: 0 0 0 0;
  width: 100%;
  min-height: 1px;
}
.product-list-tit h1 {
  padding: 0 0 0 0;
}
.product-list-tit h2 {
  vertical-align: middle;
  padding-top: 18px;
}

.featured-product {
  display: none;
  height: 0;
}

.morephotos {
  text-align: left;
  position: relative;
  border: 0;
  display: block;
  height: auto;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: transparent;
  overflow: hidden;
}
.morephotos div.orbit .fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: auto !important;
}
.morephotos .orbit-slide {
  text-align: center;
}

.solution-detail-box .slider-wrapper.morephotos {
  border: none;
  background-color: transparent !important;
  background: transparent !important;
}
.solution-detail-box .morephotos:hover {
  border: none;
}

/*.morephotos:hover {border: 1px #b6b6b6 solid;}*/
.morephotos ul {
  height: auto;
  display: block;
}
.morephotos .orbit-controls {
  width: 210px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  left: 0%;
  display: block;
  /* height: 1px; */
  bottom: 0px;
}
.morephotos ul li a {
  line-height: 209px;
}
.morephotos ul li img {
  text-align: center;
  vertical-align: middle;
}

img.photobox {
  border: 1px #ddd solid;
}
img.photobox:hover {
  cursor: pointer;
  border: 1px #888 solid;
}

.zoom-icon {
  z-index: 4 !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 32px;
  line-height: 12px !important;
}

.z-icon {
  visibility: visible;
  vertical-align: top !important;
}

.galleryinformation {
  position: absolute;
  top: 161px;
  left: 0;
  height: 24px;
  width: 100%;
  background-color: #f5f3f3;
  font-size: 12px;
  text-align: center;
  line-height: 200%;
  color: #666666 !important;
}

ul.gallerythumb {
  position: relative;
  display: block;
  margin: 10px 0 4px 0;
  width: 100%;
  min-height: 31px;
  border: 0;
  padding: 0;
}
ul.gallerythumb li {
  border: 1px solid #ddd;
  display: inline;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  height: 32px;
  max-width: 42px;
}

.resizemedium {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f5f3f3;
}

.resizethumb {
  height: 32px;
  width: auto;
}
.resizethumb:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* boton zoom dimensions */
.margintop {
  margin-top: 4% !important;
}

#dimensions-bot {
  font-size: 12px;
  font-weight: bold;
  line-height: 115%;
  display: block;
  width: 140px;
  text-align: center;
  height: auto;
  margin: 2px auto;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 2px;
  cursor: pointer;
  vertical-align: middle;
}
#dimensions-bot:hover {
  border-left: 1px solid #ddd;
  border-right: 2px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  cursor: pointer;
  text-shadow: 1px 1px 0 #fff;
}

ul.download-box .dimensions-bkg {
  padding: 4% 0 !important;
}

.fileicon {
  margin: -3px 4px 0 0 !important;
}

/* Usado para product detaill image */
#prevBtn, #nextBtn, #slider1next, #slider1prev {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 161px;
  z-index: 1000;
}

#nextBtn, #slider1next {
  left: 196px;
}

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff url("img-static/bot-playstop-bkg.gif") no-repeat 0 -305px;
}

#nextBtn a, #slider1next a {
  background: #fff url("img-static/bot-playstop-bkg.gif") no-repeat 0 -268px;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
  text-indent: -8000px;
}

#sliderproducts {
  width: 209px !important;
  min-height: 209px;
  margin: 0 auto;
  display: block;
  border: 0px solid #ddd;
  padding: 0;
  position: relative;
}

ol#controls {
  height: 25px;
  padding: 0;
  margin: 2px 0 2px 7px;
}
ol#controls li {
  float: left;
  height: 23px;
  line-height: 25px;
  list-style: none outside none;
  margin: 0 1px 0 1px;
  padding: 0;
}
ol#controls li.current a {
  background-color: #ddd;
}
ol#controls li a {
  font-size: 11px;
  border: 1px solid #CCCCCC;
  float: left;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-decoration: none;
  text-align: center;
  width: 19px;
}

/* texto en ficha de producto cuando es coleccion */
p.ver {
  margin: 0 !important;
  padding: 0 !important;
  float: none;
  clear: both;
}

/* related products datasheet */
.related.column2-data .related-product {
  display: table-cell;
  height: 55px;
  width: 78px;
  vertical-align: middle;
  text-align: center;
  background: white;
  clear: inherit;
}
.related.column2-data .related-product img {
  max-width: 100%;
  max-height: 55px;
  width: auto;
}
.related.column2-data .related-product-content {
  float: left;
  clear: inherit;
  padding: 0 0 0 5px;
  min-height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.main-content.products .column2-data p {
  color: #000000;
}
.main-content.products .column2-data p span {
  color: #666666;
}

/* BIM accordion */
.main-content.products .nine.columns .bim-resources > img {
  margin-bottom: 0;
}

.bim-resources > img {
  width: 100px;
  height: auto;
  padding: 6px;
}
.bim-resources img {
  max-width: 35% !important;
}

.datasheet .ui-accordion-content.bim-resources > ul {
  margin-top: 3px !important;
}

.ui-accordion-content.bim-resources li {
  float: left;
  clear: none;
  width: 25%;
}

.datasheet #accordion_menu h3.ui-state-default a.bim-header {
  color: #0096d0 !important;
  background: transparent url("../images/rocaUI/cloud.png") no-repeat 35px 8px;
  background-size: 18px 14px;
}
.datasheet #accordion_menu h3.ui-state-default a.bim-header:link, .datasheet #accordion_menu h3.ui-state-default a.bim-header:visited {
  color: #0096d0 !important;
  background: transparent url("../images/rocaUI/cloud.png") no-repeat 35px 8px;
  background-size: 18px 14px;
}
.datasheet #accordion_menu h3.ui-accordion-header a.bim-header:hover, .datasheet #accordion_menu h3.ui-state-active a.bim-header:link, .datasheet #accordion_menu h3.ui-state-focus a.bim-header {
  color: #0096d0 !important;
}
.datasheet h3.ui-state-default a.bim-header:visited {
  color: #0096d0 !important;
}
.datasheet #accordion_menu h3.ui-state-active.ui-state-hover a.bim-header:link, .datasheet #accordion_menu h3.ui-state-active a.bim-header {
  color: #0096d0 !important;
}
.datasheet #accordion_menu .ui-accordion-header-active .datasheet #accordion_menu h3.ui-state-default a.bim-header {
  color: #0096d0 !important;
}
.datasheet #accordion_menu h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-state-focus a.bim-header {
  color: #0096d0 !important;
}

/* end BIM */
img.hover-image {
  position: fixed;
  z-index: 1000;
  top: 120px;
  width: 500px;
  left: -webkit-calc(100% - 250px);
  left: -moz-calc(100% - 250px);
  left: calc(50% - 250px);
  border: 1px solid #d5d5d5;
}

/* Mobile */
.main-content .twelve.product-detail-content.mobile .product-collection {
  border: none;
}
.main-content .twelve.product-detail-content.mobile .product-info-box h2 {
  padding-left: 12px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content {
  padding: 2px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content .downloads-table td {
  padding-left: 25px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content img.brochure-img {
  max-width: 100%;
  max-height: 300px;
  width: auto !important;
  position: absolute;
  margin-right: 10px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content.brochures .brochures-download-list {
  padding-left: 10px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content.brochures .brochures-download-list .brochure-actions-list {
  margin: 5px auto 0 .7em !important;
  padding-left: 90px;
}
.main-content .twelve.product-detail-content.mobile .product-info-box .product-info-box-content .downloads-section-content.brochures .brochures-download-list .brochure-actions-list li {
  padding-top: 5px;
}
.main-content .twelve.product-detail-content.mobile .finish-option-weight {
  float: right;
}
.main-content .twelve.product-detail-content.mobile .call-actions span.icon {
  padding-right: 5px;
}
.main-content .twelve.product-detail-content.mobile h3.downloads-section-headline {
  padding: 10px !important;
}
.main-content .twelve.product-detail-content.mobile a.detail-image {
  width: 100%;
}
.main-content .twelve.product-detail-content.mobile span.product-detail-img-wrap {
  width: 100%;
  height: auto;
  text-align: center;
}
.main-content .twelve.product-detail-content.mobile span.product-detail-img-wrap img {
  max-width: 260px;
  max-height: 260px;
}
.main-content .twelve.product-detail-content.mobile .morephotos .product-detail-img {
  height: 336px;
}
.main-content .twelve.product-detail-content.mobile .morephotos .product-detail-img .carousel-nav {
  bottom: 10px;
}
.main-content .twelve.product-detail-content.mobile .morephotos .product-detail-img .carousel-nav a {
  width: 24px;
  height: 24px;
}
.main-content .twelve.product-detail-content.mobile #related-products .product-mosaic ul.mobile-four li {
  width: 50%;
}
.main-content .twelve.product-detail-content.mobile #related-products .product-info-box-content {
  width: 100%;
}
.main-content .twelve.product-detail-content.mobile #related-products .product-mosaic form {
  margin: 0;
}

div#features-and-options span, p {
  color: #000;
}

div#allProductOptions span, p {
  color: #000;
}

ul.allProductOptionsList li {
  width: 100%;
}
ul.allProductOptionsList li:after {
  content: '';
  display: block;
  clear: both;
}
ul.allProductOptionsList li span[itemprop="weight"] {
  float: right;
}

.content-brochures-download {
  position: relative;
}

.table-brouches-download {
  border-collapse: separate;
  border-spacing: 10px 10px;
  margin-left: -10px;
  word-break: break-all;
}

.container-brochures {
  width: 166px;
}

.brochure-checkbox {
  font-size: 14px;
}

.container {
  margin-left: 25%;
}

.container_download {
  margin-left: 10% !important;
}

/* -- level 1 -- */
.sellingtop {
  position: relative;
  display: block;
  padding: 0px;
  cursor: pointer;
  background-color: transparent;
  margin: 0;
}
.sellingtop .sellingtop {
  margin: 0 0 2px 13px;
}
.sellingtop.group {
  cursor: default;
}
.sellingtop.group:hover {
  background-color: #fff;
}
.sellingtop h3 {
  margin: 0 0 0 5px;
  padding: 2px !important;
  font-size: 17px !important;
  color: #666666;
}
.sellingtop.menu-solutions.group h3 {
  color: #666666;
}
.sellingtop.menu-solutions h3 {
  margin: 0 0 0 5px;
  padding: 4px 0 2px 0 !important;
  font-size: 15px !important;
  color: #666666;
}
.sellingtop .sellingtop.menu-solutions h3 {
  margin: 0 0 0 5px;
  padding: 4px 0 2px 0 !important;
  font-size: 15px !important;
  color: #666666;
}
.sellingtop.active {
  background-color: #e8e8e8;
}
.sellingtop.active h3 {
  color: #6f83a6;
}
.sellingtop.active span.icon {
  background-position: -64px -130px;
}
.sellingtop span.icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 3px;
  top: 3px;
  background-image: url(../img-static/ui-icons_888888_256x240.png);
  background-position: -32px -129px;
}
.sellingtop.menu-solutions span.icon {
  width: 18px;
  height: 15px;
  position: relative;
  float: right;
  background: transparent url(../images/rocaUI/arrow-right-white.png) no-repeat;
  margin-right: -5px;
}

/*
.parentone {display: none; margin-top: 10px;}
.openone {display: block !important;}
*/
.main-content.products .three #accordion_menu h3, .main-content.products .three #accordion_menu_faucets h3 {
  padding: 0 !important;
}
.main-content.products .three #accordion_menu h3.ui-state-default a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 140%;
  outline: 0;
}
.main-content.products .three #accordion_menu h3.ui-state-default a:link, .main-content.products .three #accordion_menu h3.ui-state-default a:visited {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 140%;
  outline: 0;
}
.main-content.products .three #accordion_menu h3.ui-state-active {
  font-weight: normal;
}
.main-content.products .three #accordion_menu_faucets h3.ui-state-active {
  font-weight: normal;
}
.main-content.products .three #accordion_menu h3.menu-products.ui-accordion-header a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  text-indent: 3px;
}

#accordion_menu.ui-widget {
  z-index: 1;
}

.special-level {
  width: 100%;
  background-color: #fff;
  margin-top: 12px;
}

ul.level-one {
  min-height: 240px;
  display: block;
  float: none;
}
ul.level-one li {
  min-height: 180px;
  height: auto;
  display: table-cell;
  background: transparent url("../images/rocaUI/mosaic-bkg.png") no-repeat left top;
  padding: 0;
  vertical-align: top;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top-width: 4px;
  margin: 1px 0 1px 0 !important;
}
ul.level-one li:nth-child(4n+1) {
  clear: both;
}
ul.level-one li.nofloat {
  clear: both;
  float: left;
}

/* working with jquery and fixing IE */
.product-mosaic ul.level-one li:hover {
  background-color: transparent;
  border-color: #e8e8e8;
}
.product-mosaic ul.level-one li ul {
  margin: 0 auto !important;
  padding: 2px 0 2px 1px;
  min-height: 40px !important;
  width: 95%;
  float: none;
  clear: both;
}
.product-mosaic ul.level-one li ul > ul {
  padding: 4px 0;
  display: table;
}

.lt-ie9 .product-mosaic ul.level-one li ul {
  min-height: 280px !important;
}

.product-mosaic ul.level-one li ul li {
  font-size: 12px;
  line-height: 11px;
  color: #666666;
  border: none;
  display: block;
  float: none;
  clear: both;
  width: 100%;
  list-style-type: none;
  text-align: left;
  min-height: 10px;
  height: auto;
  background-color: none;
  background-image: none;
  padding: 2px;
  margin: 0;
}
.product-mosaic ul.level-one li ul li h3 {
  color: #000000;
  line-height: 100%;
  margin-top: 8px;
  padding: 3px 0 2px 0;
  font-size: 16px;
}
.product-mosaic ul.level-one li ul li h3:hover {
  color: #1d1d1d;
}

ul.level-one li ul li a {
  color: #666666;
  display: block;
  padding: 1px 0;
}
ul.level-one li ul li a:hover {
  color: #0096d0;
}
ul.level-one li ul li h3 a {
  color: #000000;
}
ul.level-one .mosaic-list-img img {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  margin-top: 0;
}

/* usado para list-view */
.list_view {
  width: 711px;
  margin-left: 0 auto;
}
.list_view ul {
  margin: 6px 0;
}
.list_view .list_tit {
  background: #DAECF8 url(../img-static/tit_list_blue_bkg.gif) repeat-x;
  min-height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.list_view .list_body {
  height: 40px;
}

li.list_tit {
  list-style-type: none;
  clear: both;
  font-size: 11px;
  font-weight: normal;
  margin: 4px 2px 1px 2px;
  line-height: 110%;
}
li.list_body {
  list-style-type: none;
  clear: both;
  font-size: 11px;
  margin: 4px 5px 2px 2px;
  line-height: 110%;
  border-bottom: 1px #e8e8e8 solid;
}
li.list_body a:hover, li.list_body:hover {
  background: #e8e8e8;
  cursor: pointer;
}

.list_view .list_tit div, .list_view .list_body div {
  float: left;
}

.list_tit div.col01 {
  font-size: 11px;
  font-weight: bold;
  width: 80px;
  min-height: 39px;
  margin-left: 1px;
  padding-left: 6px;
  padding-top: 1%;
  padding-bottom: 1.5%;
  word-wrap: break-word;
}

.lt-ie9 .list_tit div.col01 {
  min-height: 22px;
}

.list_body div.col01 {
  width: 80px !important;
  height: 28px;
  margin-left: 1px;
  padding-left: 6px;
  padding-top: 6px;
}

.list_tit div.col02, .list_body div.col02 {
  line-height: 105%;
  width: 94px;
  margin-left: 1px;
  padding-left: 5px;
  padding-top: 4px;
  word-wrap: break-word;
  color: #666666;
}

.list_tit div.col03, .list_body div.col03 {
  width: 439px;
  margin-left: 1px;
  padding-left: 6px;
  padding-top: 5px;
  word-wrap: break-word;
  border-left: 1px #fff solid;
  color: #666666;
}

.list_tit div.col03with04, .list_body div.col03with04 {
  width: 139px;
  margin-left: 1px;
  padding-left: 6px;
  padding-top: 2px;
  word-wrap: break-word;
  border-left: 1px #fff solid;
  color: #666666;
}

.list_tit div.col04, .list_body div.col04 {
  width: 349px;
  margin-left: 1px;
  padding-left: 6px;
  padding-top: 5px;
  word-wrap: break-word;
  border-left: 1px #fff solid;
  color: #666666;
}

ul.thumb {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.thumb li {
  margin: 0;
  padding: 1px;
  float: left;
  position: relative;
  /* Set the absolute positioning base coordinate */
  width: auto;
  height: 108px;
  overflow: visible;
}
ul.thumb li img {
  width: auto;
  max-width: none;
  height: 27px;
  /* Set the small thumbnail size */
  -ms-interpolation-mode: bicubic;
  /* IE Fix for Bicubic Scaling */
  border: 1px solid #ddd;
  padding: 1px;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
}
ul.thumb li img.hover {
  background: #ddd url(thumb_bg.png) no-repeat center center;
}

.list_body div.col01 a, .list_body div.col02 a, .list_body div.col03 a, .list_body div.col04 a {
  color: #666666;
}

/* PANTALLA HOME NAVEGANDO EN SELLING */
.home-selling {
  width: 100%;
  height: 295px;
  /* padding:2px 0 2px 2px; */
  margin: 0 auto 26px auto;
  /*background-color: #fff;*/
}
.home-selling.product-mosaic {
  height: auto;
  min-height: 298px;
  margin: 0 auto 25px auto;
  border-top: 2px solid #dcdcdc;
}

.home-selling-head {
  width: 100%;
  height: 36px;
  background-color: transparent;
  display: block;
  position: relative;
}

.home-selling-box {
  margin: 0 auto !important;
  text-align: center;
  width: 100%;
}
.home-selling-box .mosaic-list-img {
  overflow: hidden;
}
.home-selling-box .mosaic-list-img img {
  margin-top: 12px;
}

.home-selling-bot {
  width: 19.5%;
  background-color: transparent;
  display: inline;
  float: right;
}
.home-selling-bot #hierarchy_bot {
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  text-align: center;
  margin: 4px 0 0 0 !important;
  font-size: 13px;
  background-color: #dcdcdc;
  border: 0;
  float: right;
  width: 146px;
}

.lt-ie8.lt-ie9 .home-selling-bot #hierarchy_bot {
  width: auto;
  padding: 4px 10px;
}

.home-selling-bot #hierarchy_bot a {
  color: #666666;
  text-align: center;
  padding: 5px 11px;
  display: block;
}
.home-selling-bot #hierarchy_bot a:hover {
  color: #ffffff;
}
.home-selling-bot #hierarchy_bot:hover {
  background-color: #999;
}

.specialclass-bot {
  font-size: 12px !important;
  font-weight: normal;
  padding: 2px 4px !important;
  width: 210px !important;
}

.specialclass-ext {
  width: 214px !important;
}

.specialclass-tit {
  width: 491px !important;
}

.home-selling-tit {
  width: 78%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  display: inline;
  float: left;
}
.home-selling-tit h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 5px 0 5px 0;
  border-bottom: none;
  cursor: default;
}
.home-selling-tit h2 a {
  color: #000000;
  cursor: default;
}
.home-selling-tit h2 a:hover {
  color: #666666;
  cursor: default;
}
.home-selling-tit h2 .theparent {
  font-size: 20px;
  color: #b0aeae;
  font-weight: normal;
  padding-right: 6px;
  padding-left: 0;
  background: url("../img-static/ui-icons_triangle.png") no-repeat center right;
  cursor: default;
}

.thelastparent {
  padding-left: 8px;
}
.thelastparent:hover {
  cursor: pointer !important;
}

.home-selling-tit h2 .thefirstparent {
  font-size: 14px;
  color: #b0aeae;
  font-weight: normal;
  padding-right: 6px;
  padding-left: 6px;
  background: url("../img-static/ui-icons_triangle.png") no-repeat center right;
  cursor: default;
}

p.dl-name {
  font-size: 12px !important;
  line-height: 130% !important;
  text-align: center;
  font-weight: bold;
  color: #000000;
  background-color: #F8F8FA;
  display: block;
  width: 75%;
  margin: 0 auto 2px auto;
  padding: 1px;
}

ul.home-selling-box li.mosaic-home-selling {
  width: 128px !important;
}

/* download PDF box */
.download-box {
  border: 1px solid #e8e8e8;
  min-height: 34px !important;
  width: 205px !important;
  margin: 15px 0 0 0 !important;
  padding: 4% !important;
  text-align: center !important;
  background: #f9f9f9 url(../img-static/download-bkg.gif) repeat-x;
}

.download-icon {
  float: left;
  width: 23px;
  height: 31px;
  vertical-align: middle;
  margin: 0 0 0 10%;
}

.download-bot {
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline;
  float: left;
  height: auto;
  width: auto;
  margin: 4px 2px 2px 2px;
  padding: 1px 10px 1px 10px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
.download-bot:hover {
  border-left: 1px solid #ddd;
  border-right: 2px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  cursor: pointer;
  text-shadow: 1px 1px 0 #fff;
}

/*solucionamos los botones download para doble linea*/
.new-download-box-outer1 {
  width: auto;
  min-height: 25px;
  border: 1px solid #E5E5E5;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 2px 0 2px 0;
  background-color: #ececec;
}

.new-download-box-outer2 {
  min-height: 24px;
  border: 1px solid #E5E5E5;
  text-align: left;
  margin: 2px 0 2px 0;
  background-color: #ececec;
  display: block;
}
.new-download-box-outer2 img {
  vertical-align: bottom;
}

.new-download-box-outer1:hover, .the-border-color {
  cursor: pointer;
  border: 1px solid #b1b1b1;
}

.new-download-box-inner1 {
  width: auto;
  min-height: 20px;
  text-align: center;
  margin: 1% auto 1% auto;
  font-size: 12px;
  line-height: 110%;
  font-weight: bold;
  padding: 0 1%;
}

.new-download-box-inner2 {
  min-height: 20px;
  text-align: center;
  margin: 1px auto 1px auto;
  font-size: 12px;
  line-height: 110%;
  font-weight: bold;
  padding: 0 10px;
  display: block;
}

.new-download-box-outer2 a {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
  display: block;
  padding: 3px;
  border: 0;
  outline: 0;
}
.new-download-box-outer2 a:link {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
  display: block;
  padding: 3px;
  border: 0;
  outline: 0;
}
.new-download-box-outer2 a:hover {
  color: #0096d0;
}

.new-download-box-inner2 a {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
}
.new-download-box-inner2 a:link {
  vertical-align: middle;
  font-size: 12px;
  color: #666666;
}

/* SAFARI Chrome HACK */
/* END SAFARI Chrome HACK */
.new-download-box-inner1 a {
  vertical-align: 1px;
}
.new-download-box-inner1 img {
  vertical-align: -30% !important;
  padding: 0 3px 0 0 !important;
  float: none !important;
  margin: 0 !important;
}

.new-download-box-inner2 img {
  vertical-align: -33% !important;
  padding: 1px 3px 0 0 !important;
  float: none !important;
  margin: 0 !important;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after {
    content: "";
  }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr {
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
.featured-catalogues .columns .container, .list-catalogues .columns .container {
  padding: .5em 0 .5em 0 !important;
  border-top: 2px solid #dedede;
  margin-right: 1em !important;
  margin-top: 1em;
}

.featured-catalogues .columns .container, .list-catalogues .columns .container {
  padding: .15em 0 .5em 0 !important;
  border-top: 4px solid #ddd;
  margin-right: 1em !important;
  margin-top: 1em;
}

.lt-ie9 .list-catalogues .four.columns {
  min-height: 280px;
}

.list-catalogues .columns .container ul li {
  font-size: 12px;
}

.featured-catalogues .columns .container > div {
  float: left;
  width: auto;
  margin: 0 auto;
}

.lt-ie9.lt-ie8 .featured-catalogues .columns .container > div.picture {
  margin-left: 5px;
}

.featured-catalogues .columns .container > div:last-child {
  padding-left: 10px;
  width: 55%;
}
.featured-catalogues .columns .container p {
  color: #666666;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  white-space: normal !important;
  width: auto;
}

.list-catalogues .columns .container p {
  color: #666666;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  white-space: normal !important;
  width: auto;
}

.featured-catalogues .columns .container p.brochure-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  color: #000000;
  padding: 0 1em 0 0 !important;
  margin-bottom: 10px;
  font-weight: normal;
  /*word-break: break-all;*/
  width: 100%;
  max-width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  max-width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  overflow: hidden;
}

.list-catalogues {
  float: none;
  clear: both;
  display: block;
}
.list-catalogues .columns:nth-child(3n + 1) {
  clear: both;
}
.list-catalogues .columns:last-child {
  float: left !important;
}
.list-catalogues .columns .container > ul > li {
  clear: both;
  position: relative;
}

.lt-ie9.lt-ie8 .list-catalogues .columns .container > ul > li {
  float: none;
  display: block;
}

.list-catalogues .columns .container p.brochure-group {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  color: #000000;
  padding: 0 1em 0 0 !important;
  margin-bottom: 10px;
  font-weight: normal;
}
.list-catalogues .columns .container a.toggle {
  width: 100%;
  display: block;
  padding: 5px;
  outline: 0;
}
.list-catalogues .columns .container a.toggle:hover, .list-catalogues .columns .container a.toggle.active {
  color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  outline: 0;
}
.list-catalogues .columns .container a.toggle span {
  width: 10px;
  height: 6px;
  position: absolute;
  right: 1px;
  top: 9px;
}
.list-catalogues .columns .container a.active span {
  width: 10px;
  height: 6px;
  position: absolute;
  right: 1px;
  top: 9px;
}
.list-catalogues .columns .container a.toggle:hover span, .list-catalogues .columns .container a.active span {
  background: transparent url("../images/rocaUI/resources.png") no-repeat -14px -101px;
}

ul.brochure-links {
  margin-top: 10px;
  float: left;
  clear: both;
}

.list-catalogues ul.brochure-links {
  margin: 5px 0 20px 0;
  display: none;
}

.view-brochure-download {
  font-size: 20px !important;
  padding: 2px 0 2px 0px !important;
  margin-left: 0px !important;
}

ul.brochure-links li {
  padding: 2px 0 2px 22px;
  color: #666666;
  font-size: 13px !important;
  margin-right: 10px;
  margin-left: 5px;
  float: left !important;
}
ul.brochure-links li.view {
  background: transparent url("../images/rocaUI/ico_view_pdf.png") no-repeat 0 0;
    /*height: 20px;
  }

  &.download{
    background: transparent url('../images/rocaUI/ico_download_pdf.png') no-repeat 0 0;
    /*height: 20px;*/
}

.brochure-checkbox {
  font-size: 13px;
  margin-top: 10px !important;
  float: left;
  clear: both;
  color: #666666;
  /*word-break: break-all;*/
}

.brochure-links {
  clear: both;
  height: 20px;
  margin-top: 10px !important;
}

.picture-brochure {
  margin-top: 10px !important;
  width: 40% !important;
}

.picture-brochure img {
  border: 1px solid #999;
  max-height: 100px;
}

.brochure-title-download {
  margin-bottom: 0px !important;
  font-weight: bold !important;
}

.brochure-title-size {
  min-height: 200px !important;
  width: 25%;
  float: left !important;
}

.size-icon {
  font-size: 20px;
}

.brochure-div-description {
  width: 60% !important;
  margin-top: 10px !important;
}

.brochure-div-description p {
  font-size: 0.8em !important;
}

.products h1.entry-title-brochur {
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
}

.container-contact-form {
  /*margin-left: 10%;*/
  clear: both;
}

.brochure-size {
  padding-left: 10px !important;
}

.nine.columns.article-content.brochures {
  margin-left: 50px;
  width: 90%;
}

/* product matrix */
.matrix {
  border-collapse: collapse;
  margin-top: 20px;
  width: 990px;
}

.matrix-header th {
  font-size: 9px;
  line-height: 1.4;
  padding: 10px 10px 20px;
  text-align: center;
  vertical-align: middle;
}
.matrix-header th a {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
.matrix-header th a:hover {
  color: #e2001a;
}
.matrix-header .group-header {
  background: none;
  border: 0;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px 10px;
  text-align: right;
  text-transform: uppercase;
  vertical-align: bottom;
  white-space: nowrap;
  width: 200px;
}
.matrix-header .collapser-btn {
  display: inline-block;
  padding-left: 5px;
}
.matrix-header .collapser-btn:before {
  border: 4px solid transparent;
  content: ' ';
  display: block;
  border-top-color: #000;
  height: 0;
  width: 0;
  border-top-width: 6px;
  position: relative;
  top: 3px;
}
.matrix-header .collapser-btn.close:before {
  border: 4px solid transparent;
  content: ' ';
  display: block;
  border-left-color: #000;
  height: 0;
  width: 0;
}
.matrix-header .active {
  background: #f2f2f2;
}

.matrix-body td {
  padding: 0;
}
.matrix-body .label {
  color: #000;
  display: block;
  font-size: 10px;
  padding: 10px 10px 5px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  vertical-align: middle;
}
.matrix-body .label:hover a {
  color: #e2001a;
}
.matrix-body .label a {
  color: #000;
  display: block;
  text-decoration: none;
}
.matrix-body .label a:hover {
  color: #e2001a;
}
.matrix-body .item {
  border: 1px solid #fff;
  height: 30px;
  vertical-align: middle;
  width: 78px;
}
.matrix-body tr, .matrix-body td, .matrix-body a {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.matrix-body .act {
  display: table;
  height: 100%;
  width: 100%;
}
.matrix-body .act a {
  background: #d7d7d7;
  color: #d7d7d7;
  display: table-cell;
  font-size: 9px;
  height: 100%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
  word-break: break-word;
}
.matrix-body .act a:hover {
  background: #e2001a;
}
.matrix-body .active {
  background: #f2f2f2;
}
.matrix-body .active.empty,
.matrix-body .active .empty {
  border-color: #f2f2f2;
}
.matrix-body .active .act a:hover {
  color: #fff;
}

.tooltip {
  background: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  display: none;
  padding: 10px;
  text-align: left;
  width: 250px;
  z-index: 100000;
}
.tooltip .teaser-designline p {
  font-size: 10px;
}
.tooltip .teaser-designline img {
  width: 100%;
  height: auto;
}
.tooltip p {
  text-transform: none;
}
.tooltip.mouseout {
  display: none !important;
}

.active .tooltip,
.label:hover .tooltip {
  bottom: 28px;
  display: block;
  right: -270px;
  position: absolute;
}

.active.bottom .tooltip {
  bottom: inherit;
  top: 34px;
}

.ie8 .tooltip {
  border: 1px solid #d7d7d7;
}

/*FONTS*/
@font-face {
  font-family: 'icomoon';
  src: url("../webfonts/icomoon.eot");
  src: url("../webfonts/icomoon.eot#iefix") format("embedded-opentype"), url("../webfonts/icomoon.ttf") format("truetype"), url("../webfonts/icomoon.woff") format("woff"), url("../webfonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FIXME - below content move to external css screen.css */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zoom-in:before {
  content: "\e60d";
}

.icon-pencil:before {
  content: "\e60e";
}

.icon-globe:before {
  content: "\e600";
}

.icon-twitter:before {
  content: "\e601";
}

.icon-facebook:before {
  content: "\e602";
}

.icon-phone:before {
  content: "\e610";
}

.icon-play:before {
  content: "\e603";
}

.icon-cart:before {
  content: "\e611";
}

.icon-in:before {
  content: "\e612";
}

.icon-search:before {
  content: "\e606";
}

.icon-star:before {
  content: "\e607";
}

.icon-image:before {
  content: "\e613";
}

.icon-wrench:before {
  content: "\e614";
}

.icon-star-full:before {
  content: "\e608";
}

.icon-checkmark:before {
  content: "\e609";
}

.icon-file-pdf:before {
  content: "\e615";
}

.icon-copy:before {
  content: "\e616";
}

.icon-print:before {
  content: "\e60f";
}

.icon-read:before {
  content: "\e624";
}

.icon-grid:before {
  content: "\e60a";
}

.icon-mail:before {
  content: "\e619";
}

.icon-barrier-free:before {
  content: "\e61a";
}

.icon-home:before {
  content: "\e61b";
}

.icon-house:before {
  content: "\e61c";
}

.icon-hotel:before {
  content: "\e61d";
}

.icon-eco:before {
  content: "\e61e";
}

.icon-tailormade:before {
  content: "\e61f";
}

.icon-space-saving:before {
  content: "\e620";
}

.icon-health:before {
  content: "\e621";
}

.icon-people:before {
  content: "\e622";
}

.icon-children:before {
  content: "\e623";
}

.icon-pinit:before {
  content: "\e625";
}

.icon-itunes:before {
  content: "\e626";
}

.icon-arrow-left:before {
  content: "\e617";
}

.icon-arrow-right:before {
  content: "\e618";
}

.icon-pinterest:before {
  content: "\e605";
}

.icon-arrow-down:before {
  content: "\e60b";
}

.icon-arrow-up:before {
  content: "\e60c";
}

.icon-linkedin:before {
  content: "\e604";
}

.icon-envelope:before {
  content: "\e627";
}

.icon-email:before {
  content: "@";
}

.icon-cart:before {
  content: "\e611";
}

.addToFavourites .icon-favourites:before {
  content: "\e607";
}
.addToFavourites:hover .icon-favourites:before {
  content: "\e608";
}
.addToFavourites.selected .icon-favourites:before {
  content: "\e608";
  color: #e61f22;
}
.addToFavourites.selected:hover .icon-favourites:before {
  content: "\e607";
  color: #e61f22;
}
.addToFavourites.selected .iconext-tab:before {
  color: #e61f22;
}
.addToFavourites.selected:hover .iconext-tab:before {
  color: #e61f22;
}

.compa .iconext-tab:before {
  content: "\ea45";
}
.compa:hover .iconext-tab:before {
  content: "\ea45";
}
.compa.selected .iconext-tab:before {
  content: "\ea45";
  color: #e61f22;
}
.compa.selected:hover .iconext-tab:before {
  content: "\ea45";
  color: #e61f22;
}

.zoom.selected .icon-zoom-in:before {
  color: #e61f22;
}
.zoom.selected:hover .icon-zoom-in:before {
  color: #e61f22;
}

.icon-favourites, .iconext-tab, .icon-zoom-in {
  cursor: pointer;
  cursor: hand;
}

/* ICOMOON 2 */
@font-face {
  font-family: 'icomoon2';
  src: url("../webfonts/icomoon2.eot?mxwvk9");
  src: url("../webfonts/icomoon2.eot?mxwvk9#iefix") format("embedded-opentype"), url("../webfonts/icomoon2.ttf?mxwvk9") format("truetype"), url("../webfonts/icomoon2.woff?mxwvk9") format("woff"), url("../webfonts/icomoon2.svg?mxwvk9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="iconext-"], [class*=" iconext-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconext-enlarge:before {
  content: "\e989";
}

.iconext-menu:before {
  content: "\e9bd";
}

.iconext-plus:before {
  content: "\ea0a";
}

.iconext-minus:before {
  content: "\ea0b";
}

.iconext-play3:before {
  content: "\ea1c";
}

/* cookie disclaimer */
.cookie {
  background-color: #e8e8e8;
  bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 20px 0;
  position: fixed;
  z-index: 10000;
  width: 100%;
}
.cookie p {
  padding: 0;
  float: none;
  display: block;
  color: #000000;
  margin: 0;
}
.cookie p a {
  color: #e71f22;
}
.cookie .close-cookie {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 13px;
  z-index: 650;
}
.cookie .container {
  margin: 0 auto;
  width: 990px;
}

@media only screen and (min-width: 0) and (max-width: 748px) {
  .cookies-visible .cookie {
    display: table;
  }

  .cookie {
    width: 100%;
    margin: 80px 0 0 0;
    padding: 0;
    top: 0;
    bottom: inherit;
  }

  .cookie .container {
    float: none;
    clear: both;
    width: 100%;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 20px;
    display: block;
    background-color: #e8e8e8;
  }

  .cookie .close-cookie {
    top: 0;
    right: 5px;
    font-size: 24px;
  }

  .cookie p {
    padding: 0 5px;
    color: #000;
  }
}
.cookies-visible .cookie {
  display: block;
}

.cookies-hidden .cookie {
  display: none;
}

.cookies-hidden {
  background: transparent none repeat scroll 0 0 !important;
}

/* wishlist */
.wishlist-page-title-wrapper {
  display: block;
  width: 100%;
  height: 50px;
  height: 3.7em;
}

.wishlist-page-title {
  position: inherit;
  top: 160px;
}

#wishlist-page-content .all-results {
  padding-bottom: 20px;
}

.main-content .three .second-menu.wishes {
  margin-top: 38px;
}
.main-content .three .second-menu.wishes ul li {
  position: relative;
}
.main-content .three .second-menu.wishes ul li a {
  margin-bottom: 10px;
  display: block;
  font-weight: normal;
  font-family: arial;
  line-height: 1.5;
  border: 1px solid #d5d5d5;
  background-color: #e8e8e8;
  text-transform: uppercase;
  color: #000000;
  font-size: 12px;
  padding: 8px 34px;
  text-decoration: none;
}
.main-content .three .second-menu.wishes ul li a span.icon-print, .main-content .three .second-menu.wishes ul li a span.icon-envelope {
  left: 7px;
  top: 23.33333%;
  position: absolute;
  font-size: 16px;
  color: #666666;
}
.main-content .three .second-menu.wishes ul li a:hover {
  background-color: #999;
  color: #ffffff;
}
.main-content .three .second-menu.wishes ul li a:hover span.icon-print, .main-content .three .second-menu.wishes ul li a:hover span.icon-envelope {
  color: #ffffff;
  transition: all 0.7s ease;
}

form#wishlist-share-form {
  margin: 0 15px;
}

/* ESTILOS BOTON ALL PRODUCTS DEL MENU PPAL */
.allproducts-bot {
  font-size: 14px;
  position: absolute;
  right: 4px;
  bottom: 6px;
  width: 158px;
  height: 26px;
  background-color: #2d5875;
  padding: 2px;
  border: 1px solid #3e6587;
  text-align: left;
  z-index: 99999;
  cursor: pointer;
  text-indent: 4px !important;
}
.allproducts-bot:hover {
  background-color: #4b7496;
  cursor: pointer;
}

.allproducts-in {
  text-align: left;
  text-indent: 0 !important;
}

/*# sourceMappingURL=main_roca.css.map */