/*
    Cantoliva

    Author - Rui Verissimo Design (Web Developer - Daniel Rodrigues)
    Website - www.ruiverissimodesign.com
*/


/* ==========================================================================
    Global
   ========================================================================== */
   html{
    -webkit-font-smoothing: subpixel-antialiased;
   }
.container{
    position: relative;
}

    .container.full{
        width:100%;
        min-width: 1024px;
        max-width:1600px; 
        margin:0 auto;
    }

    .container.center{
        width:960px;
        margin:0 auto;
    }
    .container.full.first{
        padding-top: 43px;
        margin-top: -46px;
    }
    .center-absolute {
        width: 960px;
        position: absolute;
        left: 50%;
        margin-left: -480px;
    }
*{
    font-family: 'Titillium Web';
}
img{
    width:100%;
    height:auto;
}
ul{
    list-style:none;
}

a:link {
    text-decoration: none;
    color:inherit;
}

a:visited {
    text-decoration: none;
    color:inherit;
}

a:hover {
    text-decoration: none;
    color:inherit;
}

a:focus {
    text-decoration: none;
    color:inherit;
}

a:active {
    text-decoration: none;
    color:inherit;
}
.anim-fast{
    -webkit-transition: all 0.2s;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.2s;  /* Firefox 4-15 */
       -o-transition: all 0.2s;  /* Opera 10.50–12.00 */
          transition: all 0.2s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.anim-slow{
    -webkit-transition: all 1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 1s ease-out;  /* Firefox 4-15 */
       -o-transition: all 1s ease-out;  /* Opera 10.50–12.00 */
          transition: all 1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.anim-med{
    -webkit-transition: all 0.5s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.anim-super-slow{
    -webkit-transition: all 2s;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 2s;  /* Firefox 4-15 */
       -o-transition: all 2s;  /* Opera 10.50–12.00 */
          transition: all 2s;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}


.spinner-wrapper{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background: white;
z-index: 1000;
}
.spinner-wrapper-single{
  position: absolute;
top: 0px;
width: 100%;
height: 100%;
background: white;
z-index: 100;  
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 170px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #7b9542;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.no-border{
    border:none !important;
}
/* ==========================================================================
    Header
   ========================================================================== */
header{
    background-color:white;
    height:126px;
    overflow: visible;
    z-index: 101;
    background-color: black;
}
    header .container.center{
        height:100%;
        text-align: center;
    }

        header .container.center .logo {
            position: relative;
            display: inline-block;
            margin:0px auto;
            width:363px;
            height:166px;
        }
            header .container.center .logo h1 {
                width:100%;
                height:100%;
                position: relative;
                text-indent: -99999px;
            }
            header .container.center .logo h1 a{
                position: absolute;
                left: 0px;
                width:100%;
                height:100%;
                background: url('../img/logo.png') no-repeat;
                background-size: contain;
                z-index:1000;
            }

            @media 
            (-webkit-min-device-pixel-ratio: 2), 
            (min-resolution: 2.0dppx) { /* Retina Display*/
                header .container.center .logo h1 a{
                    background: url('../img/logo@x2.png') no-repeat;
                    background-size: contain;
                }
            }

        header .container.center nav{
            position: relative;
            display: inline-block;
            top:-75px;
            z-index: 10000;
        }

        header .container.center nav.left-side{
            left:23px;
        }
        header .container.center nav.right-side{
            right:23px;
        }

        header .container.center nav ul li{
            text-transform: uppercase;
            color:white;
            font-size: 16px;
            font-weight: 300;
            border:1px solid black;
            cursor:pointer;
        }
        header .container.center nav > ul > li{
            float: left;
            padding: 5px 10px;
        }

        header .container.center nav > ul > li:hover{
            border:1px solid white;
        }
        header .container.center nav > ul > li.active{
            border:1px solid white;
        }

/* ==========================================================================
    Footer
   ========================================================================== */

footer{
    background: #636a3d;
    padding:80px 0px 50px 0px;
    position: relative;
}
footer .container{
}
.col-wrapper{   
}
.col3{
    width:300px;
    color:white;
    font-weight:300;
    font-size:14px;
    line-height:20px;
    margin-right:30px;
    float:left;
}

.col3 h3{
    font-weight: 400;
    font-size: 26px;
    line-height:35px;
    position: absolute;
    bottom:41px;
}

.col3 .btn{
    display:inline-block;
    background: white;
    color:#636a3d;
    padding:5px;
    font-size:17px;
    position: absolute;
    bottom:0px;
    cursor:pointer;
}

.col3 .btn:hover{
    background: #d3c273;
}
/* ==========================================================================
    Banner
========================================================================== */
    .caption-wrapper{
        opacity: 0;
        top:-200px;
    }
    .caption-wrapper.visible{
        opacity: 1;
    }
    .caption{
        position:absolute;
        top:0px;
    }
    div.btn.banner{
        background: #7b9542;
        display: inline-block;
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        padding: 8px 10px;
        border-radius: 11px;
        cursor:pointer;
        float: right;
        position: relative;
    }

    div.btn.banner:hover{
        background: #d3c273;
    }




/* ==========================================================================
    Featured area
========================================================================== */
    .featured{
        padding:40px 0px 60px 0px;
    }

    .featured .col2{
        position: relative;
        float:left;
        width:470px;
        height:320px;
        background-color: gray;
        margin-right: 20px;
        border-radius:18px;
        overflow:hidden;
    }

    .featured .col2 .image{
        position: absolute;
        width:100%;
        height:100%;
        background-position: center;
        background-size: cover;
        border-radius: 18px;
    }

    .featured .col2.last{
        margin-right: 0px;
    }

    .featured .col2 .info-wrapper{
        position: absolute;
        bottom: 0px;
        background: rgba(104, 24, 4, 0.47);
        width: 100%;
        height: auto;
        text-align: center;
        color: white;
        padding: 10px 10px 20px 10px;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
    }

    .featured .col2 .title{
        font-weight: 600;
        font-size: 30px;
        padding: 5px 0px 10px 0px;
    }

    .featured .col2 .sub-title{
        font-weight: 300;
        font-size: 18px;
    }

/* ==========================================================================
    Empresa
========================================================================== */

    .container.empresa{
        background: url('../img/middle.jpg');
        background-size: 100%;
        background-position: bottom;
    }
    .container.empresa .topo{
        position: absolute;
    }
    .container.empresa .fundo{
        position: relative;
        bottom:0px;
    }
    .container.empresa{
        position: relative;
    }
    .container.empresa .odd{
        background-color: rgba(0, 0, 0, 0.09);
    }
    .lt-ie9 .container.empresa .odd{
        background-color: black;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)" !important;
        filter: alpha(opacity=0.3) !important;
        opacity: 0.3 !important;
    }
    .container.empresa .even{
    }

    .empresa .icon-wrapper{
        position: absolute;
        width: 100%;
        top: 50px;
    }
    .empresa .icon-wrapper .icon{
        width:125px;
        height:140px;
        position: relative;
        background-repeat: no-repeat;
        margin:0 auto;
    }
    .empresa .content-wrapper{
        position: relative;
        width: 650px;
        margin: 0px auto;
        padding: 200px 0px 40px;
    }
    .empresa p{
        font-size: 19px;
        text-align: center;
        font-weight: 300;
        line-height: 24px;
    }


/* ==========================================================================
    Contactos
========================================================================== */
.container.full.contactos{
    background: url('../img/contactos-bg.jpg');
    background-size: cover;
    background-position: top;
    padding:100px 0px;
    z-index: 1;
    margin-bottom: -500px;
}

.container.full.contactos.map{
    margin-bottom: 0px;
}

.form-wrapper {
    padding: 25px 40px 40px 40px;
    width: 510px;
    background: rgba(24, 27, 9, 0.57);
    position: relative;
    margin: 0px auto;
    border-radius: 10px;
}

.form-wrapper h1 {
    color: white;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px;
}

.form-wrapper input,
.form-wrapper textarea {
    margin-top: 10px;
    width: 96.5%;
    border: none;
    background: white;
    color: #674e2a;
    font-size: 17px;
    padding: 7px 10px;
    outline: none;
    border-radius: 10px;
    font-family: 'Titillium Web';
}

.form-wrapper input:focus,
.form-wrapper textarea:focus {
    background-color: #FFFCF5;
}

.form-wrapper textarea {
    height: 230px;
}


.form-wrapper .button{
    margin: 20px auto 0px auto;
    text-transform: uppercase;
    padding: 10px 10px 9px 10px;
    font-size: 18px;
    background-color: white;
    text-align: center;
    color: black;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    width: 70px;
}

.form-wrapper .button:hover{
    background-color: #e9e0c7;
}

.form-wrapper input::-webkit-input-placeholder {
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';
}

.form-wrapper input:-moz-placeholder { /* Firefox 18- */
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}

.form-wrapper input::-moz-placeholder {  /* Firefox 19+ */
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}

.form-wrapper input:-ms-input-placeholder {  
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}


.form-wrapper textarea::-webkit-input-placeholder {
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';
}

.form-wrapper textarea:-moz-placeholder { /* Firefox 18- */
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}

.form-wrapper textarea::-moz-placeholder {  /* Firefox 19+ */
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}

.form-wrapper textarea:-ms-input-placeholder {  
   color: black;
   font-weight:600;
   text-align: left;
   font-family: 'Titillium Web';  
}
.form-wrapper input[type=submit] {
    margin: 20px auto 0px auto;
    text-transform: uppercase;
    padding: 10px 10px 9px 10px;
    font-size: 18px;
    background-color: white;
    text-align: center;
    color: black;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    width: 90px;
}
div.wpcf7 form .ajax-loader{
  position: absolute;
  width: 17px;
  margin-top: 34px;
}
div.wpcf7{
    text-align: center;
}
div.wpcf7 form .wpcf7-not-valid-tip {
color: #ED6464;
    font-size: 13px;
    line-height: 23px;
    padding: 5px 10px;
    background: white;
    font-weight: 400;
    position: absolute;
    width: 146px;
    height: 20px;
    right: 5px;
    top: 2px;
}
.your-message .wpcf7-not-valid-tip {
  margin-top: -189px !important;
  position: absolute;
}
div.wpcf7 form .wpcf7-validation-errors {
  border: none;
  border-bottom: 4px solid #f7e700;
  background: white;
font-weight: 400;
    margin: 0px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    margin-top: 50px;
}
div.wpcf7 form .wpcf7-spam-blocked {
  border: none;
  border-bottom: 4px solid #f7e700;
  background: white;
font-weight: 400;
    margin: 0px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    margin-top: 50px;
}
div.wpcf7 form .wpcf7-mail-sent-ng {
  border: none;
  border-bottom: 4px solid #F23B3B;
  background: white;
font-weight: 400;
    margin: 0px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    margin-top: 50px;
}
div.wpcf7 form .wpcf7-mail-sent-ok{
  border: none;
  border-bottom: 4px solid #398f14;
  background: white;
font-weight: 400;
    margin: 0px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    margin-top: 50px;
}
.form-wrapper .endereco {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    margin-top: 60px;
    position:relative;
    margin-bottom: 15px;
}

.endereco .col2 {
    color: white;
    font-weight: 300;
    line-height: 19px;
    margin-top: 29px;
    margin-bottom: 29px;
}

.endereco .col2.first{
    float:left;
    margin-left:45px;
    width:48%;
}

.endereco .col2.last{
    float:right;
    margin-right:45px;
}

.contactos .btn.mapa{
    text-transform: uppercase;
    padding: 10px 10px 9px 10px;
    font-size: 18px;
    background-color: white;
    text-align: center;
    color: black;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    left: 210px;
    margin-top: -19px;
    width: 70px;
}



#mapa-canvas {
width: 100%;
height: 500px;
}
.map-wrapper .btn.mapa {
    text-transform: uppercase;
    padding: 10px 10px 9px 10px;
    font-size: 18px;
    background-color: #636a3d;
    text-align: center;
    color: white;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    margin-top: -19px;
    margin: -58px auto 21px auto;
    width: 70px;
}

.btn.mapa:hover{
    background-color: #e9e0c7;
}
/* ==========================================================================
    Notícias
========================================================================== */
.container.full.noticias .container{
    padding:100px 0px 0px 0px;
}
.container.full.noticias .container {
    padding: 100px 50px 30px;
    border-bottom: 2px solid #636a3d;
}
.noticias .image-wrapper{
    width:460px;
    float: left;
    margin-right: 40px;
}
.noticias .image-wrapper .image{
    border-radius: 10px;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    width:100%;
    height:300px;
}
.noticias .image-wrapper .shadow {
    height: 40px;
    border-radius: 10px;
    opacity: 0.3;
    background: -moz-linear-gradient(top,  rgba(45,45,45,0.63) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,0.63)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(45,45,45,0.63) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(45,45,45,0.63) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(45,45,45,0.63) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(45,45,45,0.63) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a12d2d2d', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.noticias .content-wrapper{
    float:left;
    width:460px;
}

.noticias .title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #7b9542;
    position: relative;
    margin-top: 70px;
}
.single.noticias .title{
    margin-top: 0px;
}
.noticias .date {
    color: #d3c273;
    font-weight: 600;
    font-size: 19px;
}

.noticias .text, 
.noticias .text-teaser {
    margin-top: 10px;
    line-height: 22px;
    font-size: 17px;
    height:auto;
}
.noticias .content-wrapper .text{
    max-height:0px;
    overflow: hidden;
}
.content-wrapper .more, .content-wrapper .less{
    color: #7b9542;
    font-weight: 600;
    cursor: pointer;
}    
.content-wrapper .text-teaser{
    display:block;
}

.content-wrapper.active .text{
    max-height: 1500px;
}

.content-wrapper.active .text-teaser{
    display:none;
}
.single.noticias .text{
    max-height: 1500px !important;
}
/* Paginação */
.wp-pagenavi{
    text-align: center;
}

.pagnav {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    top:8px;
}

.prev-pag{
    background-position: -315px -114px;
}

.next-pag{
    background-position: -293px -114px;
}

.wp-pagenavi{
    font-size: 19px;
}
.wp-pagenavi .page{
    padding: 0px 5px;
}
.wp-pagenavi .current{
    border-bottom:2px solid #7b9542;
    padding: 0px 5px;
}
.pagnav-wrapper {
padding: 15px 0px 26px 0px !important;
}
.container.full.noticias .container.noticia:last-child{
    border: none !important;
}

.new-nav-wrapper > *{
    display: inline-block;
}

.new-nav {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    top:9px;
}

.prev-new{
    background-position: -315px -114px;
}
.next-new{
    background-position: -293px -114px;
}
.all-news {
    text-transform: uppercase;
    color: white;
    background-color: #7b9542;
    font-size: 16px;
    padding: 3px 9px;
    border-radius: 4px;
}
.new-nav-wrapper {
    text-align: center;
    padding: 20px 0px;
}
/* ==========================================================================
    Produtos
========================================================================== */
.container.full.cat-produtos{
    height:300px;
    background: #e9e6de;
    padding: 40px 0px 0px 0px;
}

.container.full.cat-produtos .container > *{
    position:absolute;
}

.sep{
    top:140px;
    /*width:390px;*/
    width:20px;
    display: none;
}
.sep-right{
    right:0px;
    margin-top:50px;
    height:16px;
    border-bottom:1px solid #7b9542;
    border-left:1px solid #7b9542;
    border-bottom-left-radius:15px;
    left: 569px;
}

.sep-right div{
    width:120%;
    height:50px;
    background:#e9e6de;
    position:relative;
    top:-13px;
    left: -10px;
}

.sep-left{
    margin-top:50px;
    height:16px;
    border-bottom:1px solid #7b9542;
    border-right:1px solid #7b9542;
    border-bottom-right-radius:15px;
    right: 569px;
}

.sep-left div{
    width:120%;
    height:50px;
    background:#e9e6de;
    position:relative;
    top:-13px;
}

.produto-active {
    position: relative !important;
    width: 230px;
    margin: 0 auto;
    z-index:10;
    display: none;
}

.produto-active .image{
    text-align: center;
}

.produto-active .image img{
    width: auto;
    height: auto;
}

.produto-active .title{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    line-height: 35px;
}

.produto-active .title span{
    font-size: 24px;
}

.produto-inactive {
    top:72px;
    width: 100px;
    height: 100px;
    cursor:pointer;
    display: none;
}

.produto-inactive.pos1 {
    z-index: 10;
}

.produto-inactive.pos2 {
    left: 165px;
    z-index: 10;

}

.produto-inactive.pos3 {
    z-index: 10;
    right: 165px;
}

.produto-inactive.pos4 {
    z-index: 10;
    right: 0px;
}
.mask{
    top:194px;
    width: 100px;
    height: 100px;
    background: #e9e6de;
    z-index: 5;
}
.mask.pos1 {
}

.mask.pos2 {
    left: 165px;
}

.mask.pos3 {
    right: 165px;
}

.mask.pos4 {
    right: 0px;
}
.produto-inactive .image{
    text-align: center;
    left: -21px;
    cursor:pointer;
}

.produto-inactive .image img{
    width: auto;
    height: auto;
    position: relative;
    left: -50%;
    margin-left: 30px;
    top: 8px;
}

.produto-inactive .title{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 18px;
    margin-top: 10px;
    color:#636a3d;
}
.produto-inactive .title span{
    font-size: 14px;
}

.produto-inactive:hover .title{
    margin-top: 15px;

}

.produto-inactive:hover .image img{
    top: 2px;
}

.prod{
    display:none;
    position: absolute;
    width:100%;
}

.prod.active{
    display:block;
}
.produto-active .prod.tremoco .title{
    font-size: 38px;
}
.produto-active .prod.tremoco .image{
    /*top: 45px;*/
    position: relative;
}
.produto-active .prod.horticolas-e-pickles .title{
    font-size: 48px;
}


/* TABS */
.produtos-list{
    height:325px;
}
#tabs ul.tab-choose {
    display: none;
    position: relative;
    z-index: 10;
    text-align: center;
    height: 30px;
    top: -30px;
}

#tabs ul.tab-choose li{
    display: inline-block;
    height: 100%;
    padding: 9px 11px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    color: #7b9542;
    font-size: 16px;
}

#tabs ul.tab-choose li.active{
    background: white;
}


.tab{
    width:100%;
    height:300px;
    top:10px !important;
}
.wrapper{
    width:100%;
    height:100%;
    position: relative;
}
#slider1, #noslider{
    width:100%;
    height:100%;
    position: relative;
    overflow: visible;
}
#noslider{
    text-align: center;
}
#slider1 .thumb {
    position:relative;
    float:left;
    margin:0 -4px 0 0;
    list-style:none;
    cursor:pointer;
    top:10px;
}
#noslider .thumb {
    position:relative;
    float:none !important;
    display:inline-block !important;
    margin:0 -6px 0 0 !important;
    list-style:none;
    cursor:pointer;
    top:10px;
}
.thumb:hover{
    top:0px !important;
}

.thumb img {
    height: 270px;
    width: auto !important;
}

#makeMeScrollable div.scrollableArea *
{
    position: relative;
    display: block
    float: left;
    margin: 0;
    padding: 0;
    /* If you don't want the images in the scroller to be selectable, try the following
        block of code. It's just a nice feature that prevent the images from
        accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
    min-width: 5px;
    width: 5%;
    height: 30%;
    top:110px;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -319px 0px;
    position: absolute;
    z-index: 200;
    left:  -80px;
    cursor:pointer;
    opacity: 1 !important;
}
/* Invisible right hotspot */
div.scrollingHotSpotRight
{
    min-width: 5px;
    width: 5%;
    height: 30%;
    top:110px;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -267px 0px;
    position: absolute;
    z-index: 200;
    right: -80px;
    cursor:pointer;
    opacity: 1 !important;
}

.hideleft{
    pointer-events:none;
}

.showleft{
    pointer-events:all;
}
.hidden{
    display: none !important;
}
/* ==========================================================================
    Produtos SINGLE
========================================================================== */

.single-produto{
    height:300px;
}

.img-single-produto {
    visibility: hidden;
    position: relative;
}

.breadcrumbs{
    display: none;
    position: absolute;
    margin-top: 23px;
    z-index: 95;
    padding: 5px 3px 3px 0px;
    border-radius: 3px;
    background: white;
}

.breadcrumbs > div{
    float:left;
    font-size: 10px;
    font-weight: 600;
    /*font-style:italic;*/
    text-transform: uppercase;
    padding-right:2px;
}
.breadcrumbs .link-sep{
    position: relative;
    font-size: 11px;
    font-weight: 400;
    top: -2px;
}
.breadcrumbs .link.active{
    color:#7b9542;
}
.breadcrumbs .link:hover{
    color:#7b9542;
}
.content-wrapper .image {
    display:none;
    width: 600px;
    position: absolute;
    top: -250px;
    right:179px;
}

.content-wrapper .align-right{
    position: absolute;
    width: 300px;
    right: 0px;
    z-index: 95;
    top: 35px;
    display:none;
}
.content-wrapper .emb{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.content-wrapper .title{
    font-size: 33px;
    font-weight: 200;
    margin-bottom: 35px;
}
.label {
    background: #486223;
    padding: 7px 3px;
    position: absolute;
    border-radius: 20px;
    overflow: visible;
    top: -30px;
    width: 100px;
    font-size: 13px;
    left: -29px;
    text-align: center;
    color: white;
    display: none;
    z-index: 220;
}
.label div {
    position: absolute;
    margin: 0 auto;
    top: 27px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #486223;
}
.content-wrapper .specs .item{
    position: relative;
    float:left;
    width: 50px;
    margin-right: 10px;
}
.content-wrapper .specs .text{
    margin-top: 5px;
    text-align: center;
    color:#486223;
width: 100px;
position: absolute;
left: -25px;
font-size: 14px;
}
.content-wrapper .specs .icon{
    position: relative;
    width:50px;
    height:50px;
    z-index: 200;
}
.content-wrapper .specs .peso-liquido .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -2px -2px;
}
.content-wrapper .specs .peso .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -61px -2px;
}
.content-wrapper .specs .unidades.saco .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -2px -62px;
}
.content-wrapper .specs .unidades.frasco .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -62px -62px;
}
.content-wrapper .specs .unidades.lata .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -121px -2px;
}
.content-wrapper .specs .unidades.balde-lata .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -122px -124px;
}
.content-wrapper .specs .unidades.pet .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -62px -123px;
}
.content-wrapper .specs .unidades.embalagem-plastico .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -181px -62px;
}
.content-wrapper .specs .unidades.balde-plastico .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -121px -62px;
}
.content-wrapper .specs .unidades.atmosfera-protectora .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -2px -123px;
}
.content-wrapper .specs .peso-caixa .icon{

    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -180px -2px;
}

.next.btn
{
    display: none;
    width: 50px;
    height: 90px;
    position: absolute;
    right: -78px;
    top: 80px;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -267px 0px;
    cursor: pointer;
}
.prev.btn
{
    display: none;
    width: 50px;
    height: 90px;
    position: absolute;
    left: -78px;
    top: 80px;
    background-image: url(../img/sprite-cantoliva.png);
    background-repeat: no-repeat;
    background-position: -315px 0px;
    cursor: pointer;
}


label.error {
    color: rgb(219, 36, 36);
    float: right;
    top: -30px;
    right: 10px;
    position: relative;
}

.slides li {
    position: relative;
}
.container.full.design-atlier {
    background: #e9e6de;
}
.container.full.design-atlier .logo {
    position: relative;
    margin: 0 auto;
    width: 130px;
    height: auto;
    padding: 10px 0px;
}


ul#qtranslate-chooser {
position: absolute;
right: 18px;
top: 73px;
text-transform: uppercase;
font-size: 12px;
color: white;
}

#qtranslate-chooser .active {
display: none;
}

.feedback{
    position: absolute;
    z-index: 1000;
right: -280px;
}
.feedback.active{
   right: -20px; 
}
.feedback > div{
    width:200px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 10px;
    padding:20px 50px 20px 20px;
    text-align: left;
}
.feedback .positive{
    display: none;
border-bottom: 3px green solid;
}
.feedback .negative{
    display: none;
border-bottom: 3px red solid;
}
.feedback > div.active{
    display: block;
}

.cert2017{

}
.cert2017 .text{
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.cert2017 .image {
    background-image: url(../img/cert2017.png);
    width: 660px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 103px;
    margin: 0 auto;
    position: relative;
}
.fin{
    background-color:#899a33; 
}
.fin .content {
    line-height: 20px;
}
.fin .form-wrapper{
    padding: 25px 40px 40px 40px;
    width: 510px;
    background: white;
    position: relative;
    margin: 0px auto;
    border-radius: 10px;
}