<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "normalize";
@import "icon";


/*
 *  Vars
 */

@grey: #eee;
@orange: #f14f22;

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
    width: 100%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body{
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
}

.wrap{
    opacity: 1;
}


.lt-ie9 .wrap{
    visibility: hidden;
}

.wf-active .wrap{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

img{
    width:100%;
    height: auto;
}


a{
    text-decoration: none;
}

p{
    font-weight: 300;
    line-height: 1.3em;
    margin-top:.7em;
}
nav ul{
    margin:0;
    padding-left:0;
    li{list-style: none}
}

h1,h2,h3{font-weight: 500 !important}

h2{
    line-height: 1.1em;
}

.header__main{
    position: relative;
}
.header--nav{
    text-transform: uppercase;

    a{
        color:black;
        text-decoration: none;
            font-weight: 300;
        &amp;.selected{color:@orange;}
    }
    -webkit-transition: translate3d(0,0,0);
    overflow: hidden;
}

body {
    .sk-ww-facebook-page-posts {
        .sk-slider__btn--left { left: 20px; }
        .sk-slider__btn--right { right: 20px; }
    }
}

.header--menu-icon{
    background-color: @grey;
    cursor:pointer;
    font-size:2.4em;
    right:.4em;
    bottom:.4em;
    position:absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition:background 0.7s;
    -ms-transition:background 0.7s;
    -moz-transition:background 0.7s;
    transition:background 0.7s;
    display: none;
    &amp;.is-active{
        background-color: @orange;
    }
}

.section__banner-home{
    position: relative;
    width: 100%;

    .cycle-slideshow { overflow: hidden; }
    a { 
        width: 100%;
        height: 100%; 
    }
}

.section__articles-home{
    &amp;.on_int{ display: none; }
}

.interior {
    .section__articles-home {
        display: none !important;

        &amp;.on_int { display: inline-block !important; }
    }
}

.subscrever {
    max-width: 820px;
    margin: 0 auto;
    padding: 40px 10px;

    .tit {
        font-size: 34px;
        line-height: 1.15;
        margin-bottom: 50px;
        font-weight: 500;
        text-align: center;
        color: #dadada;
        text-transform: uppercase;
    }
    .sub_tit { 
        font-size: 16px;
        margin-bottom: 25px;
        text-align: center; 
    }
    form {
        position: relative;

        .valbox {
            width: 30%;
            display: inline-block;

            &amp;:last-of-type { 
                width: 40%;
                margin-left: 20px; 
            }
        }
        .valbox:nth-of-type(2) {
            width: 40%;
            margin-left: 20px; 
        }
        .form_message {
            width: 73%;
            display: inline-block;
            padding: 20px; 
            color: #fa7d44; 
            font-weight: 600;
        }
        input {
            &amp;[type="text"] {
                width: 100%;
                border: 0;
                background-color: #f4f4f4;
                height: 60px;
                font-size: 16px;
                padding: 0 20px;
                box-sizing: border-box;
                font-family: "Ubuntu", sans-serif;

                /* &amp;:nth-last-of-type() { width: 40%; } */
                &amp;::placeholder { font-family: 'Ubuntu', sans-serif; }
            }
        }
        button {
            text-transform: uppercase;
            display: inline-block;
            background-color: #f36422;
            color: #fff;
            height: 60px;
            text-decoration: none;
            position: relative;
            font-weight: 700;
            border: 0;
            padding: .7em 1.2em;
            font-family: 'Ubuntu', sans-serif;
            margin-left: 20px;
        }
    }
}
@media only screen and (max-width: 768px){
    .subscrever {
        form {
           .valbox { width: 100%; }
           .valbox:nth-of-type(2) { 
                width: 100%;
                margin-left: 0; 
            }
            .form_message { width: 100%; }
            .email { 
                width: 100% !important;
                margin-left: 0;
                margin-top: 15px; 
            }
            button {
                position: relative;
                transform: none;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                margin-top: 15px;
                margin-left: 0;
            }
        }
    }
}

div:has(.btn_redes) { 
    text-align: center;
    margin-bottom: 40px; 
}
.btn_redes {
    text-transform: uppercase;
    display: inline-block;
    background-color: #f36422;
    color: #fff;
    height: 60px;
    text-decoration: none;
    position: relative;
    font-weight: 700;
    border: 0;
    padding: .7em 1.2em;
    font-family: 'Ubuntu', sans-serif;
}

.cycle-slideshow {
    .arrow {
        width: 30px;
        z-index: 999;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        
        &amp;.right { right: 20px; }
        &amp;.left { left: 20px; }
    }
}

.content{
    padding:0 1em;
    position: relative;
}

.grid__lojas{
    margin-bottom:1em;

    a { color: #222 !important; }
}
    .lojas__item{
        margin-top:1.5em;
        width: 21.8%;
        display: inline-block;
        margin-right:1.3em;
        border: 10px solid #e5e5e5;
        -webkit-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
        vertical-align: top;
        text-transform: uppercase;
        cursor:pointer;
        min-height: 200px;

        .lojas__logo{
            vertical-align: middle;
            height: 100px;
            width: 100%;
            text-align: center;
            line-height: 100px;
            img{
                width: auto !important;
                max-width: 90% !important;
                max-height: 90px !important;
            }
        }
        p{
            text-align: center;
            font-size:.8em;
            margin:1em;
            display: block;
        }
        &amp;:hover{
            border: 10px solid #f36422;
        }
        .info__desc.promo {
            padding: 8px;
            text-transform: math-auto;
            font-size: 13px;
        }
    }

    .lojas__cover{
        position: fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAABVJREFUeNq9wQEBAAAAgJD+r/YiWgEAbgAB0y+SMAAAAABJRU5ErkJggg==);
        display: none;
        text-align: center;
        &amp;.bigger{
            position:absolute;
            height: 100%;
            width: 100%;
            background: transparent;
        }
        &amp;:before{
          content: '';
          display: inline-block;
          height: 100%; 
          vertical-align: middle;
          margin-right: -0.25em; /* Adjusts for spacing */
        }
    }

    .lojas__cover2{
        position: fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAABVJREFUeNq9wQEBAAAAgJD+r/YiWgEAbgAB0y+SMAAAAABJRU5ErkJggg==);
        display: none;
        text-align: center;
        &amp;:before{
          content: '';
          display: inline-block;
          height: 100%; 
          vertical-align: middle;
          margin-right: -0.25em; /* Adjusts for spacing */
        }
    }

    .lojas__info{
        text-align: left;
        background-color: #cccccc;
        padding:1em;
        
        display: inline-block;
        vertical-align: middle;
        margin-right:auto;
        margin-left:auto;
        position:relative;

        &amp;.bigger{
            position: absolute;
            left:50%;
            margin-left:-225px;
        }
        h2{
            text-transform: uppercase;
            margin:0;
            font-size:1.3em;
        }
        ul{
            padding:0;
            list-style: none;
            margin:0;
            li{

                background-color: #fff;
                padding:.2em .6em .4em .6em;
                img{
                    height: 1em;
                    width: auto;
                    margin-right:.6em;
                    &amp;.mail{
                        height: .80em;
                    }
                }
            }
        }
        a{
            color:#222;
        }
    }

        .lojas__close{
            cursor: pointer;
            color: #fff;
            float:right;
            font-size:2.8em;
            line-height: .4em;
            vertical-align: top;
            margin-left:1em;
        }

        .loja__info{
            display: none;
        }

.btn__store{
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    margin-right:1.4em;
    margin-bottom:.4em;
    background-color: #f5f5f5;
    padding:.7em 1.2em;
    color: #000;
    font-weight: 700;
    border: 0;
    &amp;.selected{
       background-color: #f36422;
        color: #fff; 
    }
} 

.img-lojas{
    display: none;
} 

.footer__other-centers{
    clear:both;
    text-align: center;
    padding-top:1.3em;
    padding-bottom:1.3em;
    select{
        margin-left:15px;
    }
}  
.form{
    input[type="text"]{
        width: 100%;
        border:0;
        border-radius: 0;
        margin-bottom:.5em;
        background-color: #fff;
        font-size: .9em;
        font-weight: 300;
        padding:.4em .5em;
        font-family: 'Ubuntu', sans-serif;
    }
    select{
        width: 100%;
        border:0;
        border-radius: 0;
        margin-bottom:.5em;
        background-color: #fff;
        font-size: .9em;
        font-weight: 300;
        padding:.4em .4em .4em .7em;
        color:grey;
        font-family: 'Ubuntu', sans-serif;
    }
    input[type="submit"]{
        float:right;
        padding: .5em .7em;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 500;
        color:#fff;
        border-radius: 0;
        background-color: #b2b2b2;
        border: 0;
        text-transform: uppercase;
    }
    .icon2-info{float:left;cursor:pointer;}
    input[type="text"].error{background-color:#fff7f3;}
    select.error{background-color:#fff7f3;}
    div.error{height:1.688em;color:#fa7d44;position:absolute;right:0px;font-weight:400;
                font-size:1.500em;padding:0.188em 0.625em;margin-top:0;margin-right:0.813em;}
    .select{
        div.error{margin-right:1.500em;}
    }
}

#promolist {
    h2 {
        text-align: center;
        font-size: 34px;
        color: #dadada;
        text-transform: uppercase;
        /* font-weight: 700; */
    }
}
.lojas__promo{
    display: inline-block;
    margin-top:1.5em;
    width: 47.7%;    
    margin-right:2%;
    min-height: 200px;
    border: 10px solid #e5e5e5;
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    vertical-align: top;
    min-height: 200px;
    padding:1em;
    cursor: pointer;
    &amp;:hover{
        border: 10px solid #f36422;
    }
    a{ color: inherit !important; }
    .img__promo{
        position: relative;
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    .tit__promo{
        text-transform: uppercase;
        margin:.6em 0 .3em 0;
        font-weight: 700;
    }
    .desc__promo{
        margin:.4em 0 .3em 0;
    }
    &amp;.home {
        width: calc(95.36% / 3);
        
        a { 
            display: flex;
            gap: 20px;
            
            .img__promo { max-width: 145px; }
            .tit__promo { margin-top: 0; }
        }
        &amp;:nth-of-type(3n) { margin-right: 0; }
    }
    /*margin-top:1.5em;
    width: 47%;
    display: inline-block;
    margin-right:2%;
    border: 10px solid #e5e5e5;
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    vertical-align: top;
    min-height: 200px;
    padding:1em;

    p{
        text-align: center;
        font-size:.8em;
        margin:1em;
        display: block;
    }
    &amp;:hover{
        border: 10px solid #f36422;
    }
    .tit__promo{
        text-transform: uppercase;
        margin:.3em 0;
        font-weight: 700;
    }
    .desc__promo{
        margin:.4em 0 1em 0;
    }
    .info__promo{
        margin:.5em 0 0 0;
        img{
            height: 1em;
            width: auto;
            margin-right:.4em;
            &amp;.mail{
                height: .80em;
            }
        }
        a{
            color:#222;
        }
        word-break: break-all;
    }
    .logo_promo{
        width: 40%;
    }*/
}
@media only screen and (max-width: 1168px){
    .lojas__promo {
        &amp;.home { 
            width: 48.7%; 

            &amp;:nth-of-type(2n) { margin-right: 0; }
            &amp;:nth-of-type(3n) { margin-right: 2%; }
        }
    }
}
@media only screen and (max-width: 768px){
    .lojas__promo {
        &amp;.home { 
            width: 90%;
            
            a {
                .img__promo { max-width: 185px; }
            }
        }
    }
    #promolist { text-align: center; }
}
.ficha__promo{
    .tit__promo{
        text-transform: uppercase;
        margin: .8em 0;
        font-weight: 700;
        font-size: 1.313em;
    }
    .res__promo{
        margin: .8em 0;
        font-size: 1.1250em;
    }
    hr{ margin: 1.250em 0; }
    .social{ margin-bottom: 18px; }
    .img__promo{ margin: .8em 0 1em 1.2em; }
    .logo_promo{
        margin-top: 20px;
        width: 150px;
    }
    .info__promo{
        margin:.5em 0 0 0;
        img{
            height: 1em;
            width: auto;
            margin-right:.4em;
            &amp;.mail{
                height: .80em;
            }
        }
        a{
            color:#222;
        }
        word-break: break-all;
    }
}
.editor .ficha__promo p{ clear: none; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:grey;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:grey;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:grey;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:grey;
}


/*EJR*/
.videoWrapper{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.legal-info{width:38.438em;height:10.313em;background-color:#dedede;position:absolute;z-index:100;top:50%;margin-top:-5.125em;
    left:50%;margin-left:-19.188em;font-family:'Ubuntu';display:none;
    .icon2-info{float:left;margin:0.875em 0 0 0.625em;font-size:0.875em;}
    .icon2-cancel-circle{float:right;margin:0.625em 0.625em 0 0;cursor:pointer;}
    h1{color:#333333;font-size:1.000em;padding-bottom:0;}
    p{font-size:0.750em;padding:1.250em;margin-top:-0.750em;}
}
.editor{
    padding-top:0;

    .container_info {
        display: flex;
        gap: 20px;
        align-items: center;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 30px;
        margin-bottom: 30px;
        
        .info {
            width: 50%;

            img { 
                width: 16px;
                margin-right: 10px; 
            }
            div { margin-bottom: 5px; }
            span,
            a { color: #222; }
            span { cursor: default; }
            .reserva {
                span,
                a { color: #f36321; }
            }
        }
        .img_info { 
            width: 50%;
            
            img { width: 70%; }
        }
    }

    #btn-ficha {
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        margin: 0;
        height: 60px;
    }

    a{color:#f36321;}
    a:hover{color:#f36321;}
    h1{font-size:1.375em;padding:0px;margin:0px;margin-bottom:0.313em;
        &amp;.spacer{margin-top:2.500em;}
    }
    p{clear:both;}
    span{color:#f36321;}
    .content_images{width:48%;margin:1.250em 0 1.250em 0;
        &amp;.left{float:left;}
        &amp;.right{float:right;}
        div{float:left;}
        img{width:100%;}
        .img1{width:46%;float:left;}
        .img2{width:46%;float:right;}
    }
    .content_table{width:100%;margin-bottom:1.250em;
        .icon{img{width:auto;}margin-bottom:0.313em;}
        &amp;.spacer{margin-top:2.500em;}
        h1{font-size:1.188em;}
        .left_row{float:left;width:40%;}
        .right_row{float:right;width:50%;}
        .sigle_row{width:100%;}
    }
    .download_pdf{width:49%;min-height:8.125em;background-color:#eeeeee;margin-top:0.938em;text-align:center;padding-bottom:0.625em;cursor:pointer;
        &amp;.left{float:left;}
        &amp;.right{float:right;}
        .icon{width:6.250em;margin:0 auto 0 auto;padding:0.625em 0 0.313em 0;}
    }
    .planta_piso{width:100%;border:solid 1px #efefef;clear:both;margin-top:1.250em;font-size:1.125em;font-weight:bold;text-align:center;cursor:pointer;
        padding-top:0.625em;
    }
    .mapa{width:100%;height:24.375em;margin-bottom:1.875em;}
}
@media only screen and (max-width: 768px){
    .editor {
        .container_info {
            flex-direction: column;
            gap: 0;
            margin-top: 0.83em;

            .info { width: 100%; }
            .img_info { 
                width: 80%;
                
                img { width: 100%; }
            }
        }
        .content_table {
            .right_row,
            .left_row { width: 100%; }
        }
    }
}

::-webkit-scrollbar {
    display: none;
}


.form_contacto{padding-bottom:2.500em;
    ul{margin:0px;padding:0px;
        li{width:77%;list-style:none;margin-bottom:0.625em;position:relative;
            div.error{height:2.063em;background-color:#fa7d44;color:#fff;position:absolute;margin-top:-2.688em;padding:0.325em 0.313em 0 0.325em;
                right:0px;
            }
            &amp;.select{
                div.error{margin-top:-2.063em;right:42.5%;}
            }
            &amp;.telefone{
                div.error{right:41%;}   
            }
            .xerror:before{content:url('/images/error_arrow.png')};margin:0 0 0 0;float:left;
            label{display:block;margin-bottom:0.313em;}
            input[type="text"]{width:100%;height:2.063em;border:0px;background-color:#eeeeee;padding:0 0.625em;color:#b1b1b1;margin-bottom:0.625em;
                font-family: 'Ubuntu', sans-serif;font-weight: 300;
                &amp;.small{width:44%;}
            }
            select{width:44%;height:2.063em;border:0px;background-color:#eeeeee;color:#b1b1b1;font-family: 'Ubuntu', sans-serif;font-weight: 300 !important;
            padding:.4em .4em .4em .7em;
                option{font-weight: 300 !important;}
            }
            &amp;.msg{font-size:0.750em;padding-top:1.250em;
                div.error {
                    display: inline-block;
                    position: relative;
                    right: auto;
                    margin-right: 10px;
                    margin-top: 10px;
                    top: -4px;
                }
            }
            &amp;.submit{text-align:right;padding-top:0.625em;
                input{height:2.063em;color:#fff;text-transform:uppercase;background-color:#616161;border:0;font-size:0.875em;padding:0 0.625em;}
            }
        }
    }
}
/*END EJR*/


/*Gen l-check_group*/
.l-check_group {
    margin-bottom: 30px;
    .grid_3 {
        width: 23%;
        margin-right: 2%;
        float: left;
    }
    label {
      float: right;
      width: ~"calc(100% - 25px)";
      margin: 0;
      cursor: pointer;
    }
    input[type="checkbox"] {
      position: relative;
      top: 2px;
      margin-right: 10px;
    }
    .grid_3 {
      padding: 5px 10px;
      margin-bottom: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;  
      &amp;.selected { background-color: #eaeaea; }
    }
}
/*END*/

.form_newsletter {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 350px;
    max-height: 260px;
    max-width: 100%;
    padding: 28px;
    background-color: #DF5B35;
    z-index: 999;
    color: #fff;
    /* .f_semibold; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none;
  
    &amp;.active { 
      opacity: 1;
      pointer-events: all; 
    }
    .tit {
      font-size: 1.5em;
      line-height: 30px;
      text-transform: uppercase;
      font-weight: 500;
    }
    .sub_tit { 
      font-size: 15px;
      padding: 7px 0; 
    }
    .txt { 
      /* .f_medium;  */
      font-size: 12px;
    }
    input[type="text"] {
      padding: 10px 15px;
      /* .f_regular; */
      border: solid 3px grey;
      box-sizing: border-box;
      width: 100%;
  
      &amp;:first-of-type { margin: 20px 0 10px 0;}
    }
    .mt_5 {  
      span { 
        font-size: 13px;
        /* .f_medium; */ 
      }
      a { 
        color: #fff;
        text-decoration: underline; 
    }
    }
    input[type="submit"] {
      background-color: grey;
      box-sizing: border-box;
      width: 100%;
      padding: 10px 15px;
      border: solid 3px grey;
      /* .f_medium; */
      color: #fff;
      text-transform: uppercase;
      margin-top: 15px;
    }
    .error { border-color: #c13949; }
    .close {
      position: absolute;
      right: -15px;
      top: -15px;
      width: 40px;
      cursor: pointer;
    }
    .slide { 
      display: none;
      
      input[type="text"] { margin: 0; }
    }
    &amp;.open { max-height: 420px; }
  }


//media querie for mobile
@media only screen and (min-width : 1em) {

    .header--nav li{
        margin-bottom:.4em;
    }

    .section__social{
        text-align: center;
        a{
            display: inline-block;
            margin:.8em 0;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        div div{
            font-size: 3em;
            letter-spacing: 1px;
        }
    }

    .icon-facebook-circled{
        margin-right:-.1em;
    }
    .icon-linkedin-circled{
        margin-left:-.1em;
    }

    .header--logo{
        width: 48%;
    }

    .header__main{
        padding:1em;
    }

    .article__destaq-home{
        font-size: .9em;
        line-height: 1.6em;
    }
    .footer__main{
        height:5.000em;
        text-align: center;
    }
    .footer__author{
        margin:.8em 0;
    }
}

.gall{
    text-align: center;
    width: 90%;
    margin: 2em auto 2em auto;
    .classa{
        img{
            margin:0 auto;
        }
    }
    &amp;._ficha{
        width: 100%;
        max-width: 417px;
    }    
}

.btn-cycle{
    width: 42px;
    height: 42px;
    position:absolute;
    top:50%;
    margin-top:-21px;
    z-index:1000;
    cursor:pointer;
    &amp;.cycle-prev{
        left:0;
    }
    &amp;.cycle-next{
        right:0;
    }
}



#galojas{
    margin-bottom:.4em;
}

.article__destaq-home{
    a{
        color:#fff;
        padding:1.2em;
        display: block;
    }   
    h2{
        margin:0;
        text-transform: uppercase;
    }
    p{
        margin-bottom:0;
    }
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;

    &amp;.first{
        background-color: @orange;
    }
    &amp;.second{
        background-color: #f36321;
    }
    &amp;.third{
        background-color: #fa7d44;
    }
    &amp;.fourth{
        background-color: #e5e5e5;
        a{
            color: #000;
        }
    }
}

.footer__main{
    a{
        color:#616161;
    }    
    color:#616161;
    font-size: .8em;
    line-height: 1.2em;
    padding-bottom:2em;
}

#form{
    .content{
        display:none;
    }
    ul{
        list-style: none;
        padding:0;
        margin:0;

    }
}


//media querie for mobile until non-mobile
@media only screen and (min-width : 1em) and (max-width: 41.99em){
    /*EJR*/
    .editor{
        .content_images{width:100%;clear:both;margin:1.250em 0 1.250em 0;}
    }
    /*END EJR*/
    .header--nav ul {
        margin-bottom: .8em;
    }
    .header--nav li a{
        background-color: @grey;
        display: block;
        font-size: 1.2em;
        padding: .4em .8em;
    }
    .header--menu-icon{
        display: block;
    }

    .interior {
        .section__banner-home { margin-bottom:.4em; }
    }
    
    .article__destaq-home{
        p{
            display: none;
        }  
        margin-bottom:.4em;
    }

    .article__interior{
        padding:1em;
        border-top:4px solid #f14f22;
        border-bottom:4px solid #aaabac;
        margin-bottom:.8em;
    }

    .footer__main{
        margin: 1.563em 10px 0 10px;
        
        .footer__author { padding-bottom: 10px; }
    }

    .lojas__item{
        border: 7px solid #e5e5e5;    
        width: 42.5%;
    }

    .lojas__info{
        width: 80%;
        &amp;.bigger{
            margin-left:-40%;
        }    
    }

    iframe:first-child
    { 
        display:none;
    }

    .videoWrapper{
        iframe:first-child{display:block !important;}
    }

    .lojas__promo{
        width: 100%;
        margin-right: 0;
    }

    .gall{width: 100%}
    /*ADR*/
    .lojas__promo{
        width: 100%;
        margin-right: 0;
    }
    .ficha__promo{
        .social iframe { display: block; }
        .img__promo{ width: 100% !important; }
    }
}

.loki{
    width: 100%;
    height: 100%;
    div{
        font-size: 1.1em;
        margin:.3em 0;
        font-weight: 700;
    }
    img{
        width: 100%;
    }
}

.classa{
    .btn-cycle{
        margin-top:-35px;
    }
}

// media querie for ipad on portrait
@media only screen and (min-width : 42em) {
    .wrap{
        padding:0 1em 1em 1em;
    }
    .header--logo{
        width: 34%;
    }
    .section__articles-home{
        text-align: justify;
        padding-top:1em;
        &amp;:after{
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            font-size: 1px;
        }
    }


    .header__main{
        padding:1em 1.5em 0 1.5em;
        #socialWrapper{
            position: absolute;
            right: .4em;
            bottom:-.1em;
            font-size:2.3em;
            a{
                display: inline-block;
            }
            &amp;.top{
                top:.4em;
            }
        }

    }

    .header--nav{
        font-size: 1.1em;
        padding:1em 0;
    }

    .interior {
        .section__banner-home { margin-bottom:1.1em; }
    }

    .article__destaq-home{
        width: 48.9%;
        margin-bottom:1.1em;
    }

    .footer__copy{
        float:left;
    }

    .footer__author{
        float:right;
        margin-top:0;
    }

    .article__destaq-home{
        min-height: 9em;
    }

    .article__interior{
        padding:1em;
        border-top:4px solid #f14f22;
        border-bottom:4px solid #aaabac;
    }

    .interior{
        #form{
            h2{font-size:1.5em;}
        }
    }

    
    .lojas__info{
        &amp;.bigger{
            margin-left:-225px;
        }  
        width: 450px;
    }
}


@media only screen and (min-width: 42em) and (max-width: 59.99em)
 {

    .header--nav ul{
        width: 100%;
        display: table;
    }

    .header--nav li{
        display: table-cell;
        text-align: center;
    }

}    

// media querie for ipad on landscape and desktop
@media only screen and (min-width: 60em),
screen and (min-device-width : 42em) 
and (max-device-width : 60em) 
and (orientation : landscape){
    .header__main{
        margin-bottom:2em;
        .header--nav{
    
            width: 78%;
            position: absolute;
            bottom:-.7em;
            right: 0;
            padding:0 1em 0 0;
        }
    }

    .header--nav ul{
        width: auto;
        float:right;
    }

    .header--nav li{
        display: inline-block;
        margin-left:1em;
        font-size:0.95em;
    }

    .header--logo{
        width: 25%;
    }

    .article__destaq-home{
        width: 32.2%;
        margin-bottom:0;
    }

    #form{
        margin-left:1.7%;
        width: 23.2%;
        h2{font-size:1.1em;}
        p{display: none}
        margin-bottom:0;
        .content{
            display:block;
            overflow: hidden;
            height: 215px;
            iframe{
                width: 235px;
                height: 245px;
            }
        }
    }

    .article__interior{
        border-bottom:0px;
        width: 71.8%;
        vertical-align: top;
    }

    .interior{
        #form{
            width: 100%;
            margin-left:0;
        }
        #form .content{
            display: none;
            h2{
                font-size:1.2em;
            }
        }

        .section__banner-home { margin-bottom:1.3em; }

        .article__destaq-home{
            min-height: 2em;
            width: 100%;
            margin-bottom:1.3em;
            p{
                display: none;
            }
        }

        .article__interior{
            display: inline-block;
        }

        .section__articles-home{
            width: 26%;
            display: inline-block;
            padding-top:0;
            margin-left:1.7%;
        }

        .footer__main{
            border-top:6px solid #aaabac;
            padding-top:2em;
        }
    } 

    .lojas__item{
        width: 28.8%;
    }

}

// media querie for ipad on landscape
@media screen and (min-device-width : 42em) 
and (max-device-width : 60em) 
and (orientation : landscape){
    .header--nav{
        li{
            margin-left:1.4em;
        }
        font-size:.7em;
    }

    .header__main{
        margin-bottom:1.3em;
        #socialWrapper{
            font-size:1.7em;
        }

    }

    .article__destaq-home{
        a{
            padding:.9em;
        }
        width: 31.9%;
        h2{
            font-size:1.1em;
        }
    }
    #form{
        margin-left:2.02%;
        h2{
            font-size: .8em;
        }
        div.error{height:1.750em;padding:0.188em 0.625em;margin-top:-0.188em;margin-right:0.500em;font-size:1.250em;}
        .select{
            div.error{margin-right:-0.438em;}
        }
    }

    .article__interior{
        p{
            font-size: .8em
        }
    }

    .interior{

        #form{
            h2{font-size:1.1em;}
        }
        .section__banner-home { margin-bottom:1.1em; }
        .article__destaq-home{
            min-height: 2em;
            width: 100%;
            margin-bottom:1.1em;
        }
    }

    #form {
        .content{
            margin-top:-1em;
            display:block;
            overflow: hidden;
            height: 190px;
            iframe{
                width: 150px;
                height: 245px;
            }
        }
    }

    .lojas__item{
        width: 28.8%;
    }
}


@media only screen and (min-width: 60em) and (max-width: 62em)
 {  
    .header--nav li{
        margin-left:.7em;
        font-size:.9em;
    }

} 

@media only screen and (min-width: 60em) and (max-width: 62em)
 {  

    .form{

        input[type="text"]{
            font-size:1em;
        }
        select{
            font-size:1em;
        }
        div.error{height:1.563em;padding:0.188em 0.625em;margin-top:0;margin-right:0.750em;}

    }
    #form {
        .content{
            display:block;
            overflow: hidden;
            height: 195px;
            iframe{
                width: 190px;
                height: 245px;
            }
        }
    }
    .header--nav{
        font-size:1.04em;
    }
    .lojas__item{
        width: 21%;
    }

}  

@media only screen and (min-width: 62em)
{

    .header--nav{
        font-size: 1em;
    }
    .form{

        input[type="text"]{
            font-size: 1em;
            margin-bottom:.9em;
        }
        select{
            margin-bottom:.9em;
            font-size: 1em;
        }
    }

    #form {
        .content{
            display:block;
            overflow: hidden;
            height: 195px;
            iframe{
                width: 205px;
                height: 245px;
            }
        }
    } 

    .lojas__item{
        width: 21%;
    }

}

@media only screen and (min-width: 68em) and (max-width: 74.99em)
{

    .form{

        input[type="text"]{
            font-size: 1.2em;
            margin-bottom:.9em;
        }
        select{
            margin-bottom:.9em;
            font-size: 1.2em;
        }
        div.error{height:1.750em;padding:0.188em 0.625em;margin-top:0;margin-right:0.813em;}
    }

    .header--nav{
        font-size:1.00em;
    }

    #form {
        .content{
            display:block;
            overflow: hidden;
            height: 245px;
            iframe{
                width: 205px;
                height: 245px;
            }
        }
    }   
    .lojas__item{
        width: 21%;
    } 

}

@media only screen and (max-width: 67.1875rem) {
    .header__main {
        .header--nav {
            position: relative;
            font-size: 1.1em;
            padding: 1em 0;
            width: 100%;

            ul { width: 100%; }
        }
    }
}


//media query &gt; ~1200px
@media only screen and (min-width: 75em) { 
    .wrap{
        margin:0 auto;
        width: 75em;
    }
    .header--logo{
        width: 22%;
    }
    .header--nav{
        font-size: 0.97em;
        li{
           /* margin-left:0.6em; */
           margin-left: 1.6em; 
        }
    }

    #form{
        margin-left:2.3%;
        width: 31.8%;
        h2{font-size:1.5em;}
        .content{
            height: 230px;
            iframe{
                width: 340px;
                height: 230px;
            }
        }

    }

    .article__destaq-home{
        width: 31.8%;
    }
    .section__articles-home{
        padding-top:1.6em;
    }
    .article__interior{
        border-bottom:0px;
        width: 71.2%;
    }

    .interior{
        .section__banner-home { margin-bottom:1.8em; }
        .article__destaq-home{
            margin-bottom:1.8em;
        }
        .section__articles-home{
            margin-left:2.3%;
        }
    }

    .form{

        input[type="text"]{
            font-size: 1.1em;
            margin-bottom:.9em;
        }
        select{
            margin-bottom:.9em;
            font-size: 1.1em;
        }

    }
} 




// media querie for ipad on landscape and desktop
.lt-ie9{

    .wrap{
        width: 990px;
        margin:0 auto 50px auto;
        position: relative;
    }

    .icon-facebook-circled{
        margin-right:-.1em;
    }
    .icon-linkedin-circled{
        margin-left:-.1em;
    }
    .header--logo{
        width: 34%;
    }
    .section__articles-home{
        text-align: justify;
        padding-top:1em;
        &amp;:after{
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            font-size: 1px;
        }
    }


    .header__main{
        padding:1em 1.5em 0 1.5em;
        #socialWrapper{
            position: absolute;
            right: .4em;
            top:5px;
            font-size:2.3em;
            a{
                display: inline-block;
            }
            &amp;.top{
                top:.4em;
            }
        }

    }

    .header--nav{
        font-size: 1.4em;
        padding:1em 0;
        position: absolute;
        top:55px;
        right: 1em;
    }

    .article__destaq-home{
        width: 48.9%;
        margin-bottom:1.1em;
    }

    .footer__copy{
        float:left;
    }

    .footer__author{
        float:right;
        margin-top:0;
    }

    .article__destaq-home{
        min-height: 9em;
    }

    .article__interior{
        padding:1em;
        border-top:4px solid #f14f22;
        border-bottom:4px solid #aaabac;
    }

    .interior{
        #form{
            h2{font-size:1.5em;}
            height: auto;
        }
    }

    .header__main{
        margin-bottom:2em;
        position: relative;
        .header--nav{
            position: absolute;
            padding:0 1em 0 0;
        }
    }

    .header--nav ul{
        width: auto;
        float:right;
    }

    .header--nav li{
        display: inline-block;
        margin-left:1em;
    }

    .header--logo{
        width: 25%;
    }

    .header--nav ul{
        width: auto;
        float:right;
    }

    .header--nav li{
        display: inline-block;
        margin-left:1em;
    }

    .header--logo{
        width: 25%;
    }

    .article__destaq-home{
        width: 32.2%;
        margin-bottom:0;
    }

    .section__banner-home{
        width: 75%;
        display: inline-block
    }

    #form{
        margin-left:1.3%;
        width: 23.2%;
        height: 295px;
        h2{font-size:1.1em;}
        p{display: none}
        margin-bottom:0;
        .content{
            display:block;
        }
    }

    .article__interior{
        border-bottom:0px;
        width: 71.8%;
        vertical-align: top;
    }

    .interior{
        #form{
            width: 100%;
            margin-left:0;
        }
        #form .content{
            display: none;
            h2{
                font-size:1.2em;
            }
        }

        .article__destaq-home{
            min-height: 2em;
            width: 100%;
            margin-bottom:1.3em;
            p{
                display: none;
            }
        }

        .article__interior{
            display: inline-block;
        }

        .section__articles-home{
            width: 26%;
            display: inline-block;
            padding-top:0;
            margin-left:1.7%;
        }

        .footer__main{
            border-top:6px solid #aaabac;
            padding-top:2em;
        }
    } 

    .lojas__info{
        width: 450px;
    }   
}


.no-touch #arraste{
    display: none;
}

.bt.bt {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background-color: #fa7d44;
    text-decoration: none;
}
.bt.bt:hover { color: #fff; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* BARRA COOKIES */
.barra-cookies{
  position:fixed;
  bottom: 0;
  z-index: 1000000000;
  text-align:center;
  width:100%;
  height:auto;
  background-image:url(/images/common/bg_barra_cookie.png);
  background-color: #fff;
  background-repeat: repeat-x;
  border-top:solid 1px #b6bac0;
  -webkit-transition: bottom 0.5s; /* Safari */
    transition: bottom 0.5s;
    .text{
        float: left;
        margin-left: 20px;
        font-family:'Segoe UI',sans-serif;
        font-size:13px;
        line-height: 36px;
        color: #666;
    }
    .bts {
        float: right;
        margin-left: 20px;
        margin-right: 20px;
        padding: 6px 0;
    }
    .bt {
        display: block;
        float: left;
        margin-left: 5px;
        padding: 0 10px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        cursor: pointer;
    }
    a.bt {
        display: block;
        text-decoration: none;
    }
  .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background-image:url(/images/common/close_cookie_bar.png);
    cursor: pointer;
  }
}
.barra-cookies-closed{
  display: none;
}
/* END BARRA COOKIES */</pre></body></html>