/*****************************************************************/
/*** DEFAULT STYLES & BOOTSTRAP RESET ***/
/*****************************************************************/

body{
    font-family: 'Varela Round', sans-serif !important;
    overflow-x:hidden;
    margin:0 10px;
}

a{
    color:inherit !important;
}

.navbar{
    background-color:transparent;
    border:0;
}

.anchor{
  display: block;
  height: 60px; 
  margin-top: -60px;
  visibility: hidden;
}

.navbar-default .navbar-toggle{
    border:none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background:none;
}

.navbar-toggle{
    margin-top:11px;
    margin-bottom:11px;
}

/*****************************************************************/
/*** HEADER ***/
/*****************************************************************/

#nav{
    height:115px;
}

#lg-abreu{
    background-color:#ffffff;
    height:115px;
    padding-top:10px;
    padding-bottom:20px;
}

#lg-abreu img{
    margin-top:50px;
}

#lg-ae{
    padding:10px 15px 10px 0px;
    height:115px;
    margin-left:60px;
}

#lg-ae img{
    margin-top:51px;
}

#main-menu{
    height:100px;
}

#main-menu-container{
    position:relative;
    width:218px;
    top:80px;
    right:0;
    left:0;
    margin:0 auto;
}



#main-menu ul{
    text-align:center;
    text-transform:uppercase;
    color:#ffffff;
    font-family: 'Oswald', sans-serif;
    font-size:15px;
}

#main-menu ul li{
    display:inline;
    margin-right:40px;
}

#main-menu ul li.menu-last{
    margin-right:0px;
}

#main-menu ul li a:focus,#main-menu ul li a:hover{
    color:#b7edff !important;
    text-decoration: none;
}

#main-menu ul li a.menu-active{
    color:#000000 !important;
}

#redeSocial{
    margin-right:0;
    margin-top:45px;
}

#redeSocial a img{
    margin-right:5px;
}

#redeSocial a img.last{
    margin-right:0px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    height:60px;
    background-color:rgb(2,167,223);
}

#nav.affix #main-menu-container{
    top:20px;
}

#nav.affix #redeSocial{
    margin-top:-15px;
}

#nav.affix #lg-abreu img{
    margin-top:1px;
}

#nav.affix #lg-abreu{
    height:60px;
}

#nav.affix #lg-ae img{
    margin-top:0;
}

#nav{
    -webkit-transition: top 500ms, height 500ms, background-color 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: top 500ms, height 500ms, background-color 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: top 500ms, height 500ms, background-color 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: top 500ms, height 500ms, background-color 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

#main-menu-container, #redeSocial, #lg-abreu img, #lg-abreu, #lg-ae img, #lg-ae{
    -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

/*****************************************************************/
/*** PRODUTOS ***/
/*****************************************************************/

#prod01-img, #prod02-img, #prod03-img{
    border-top:solid 10px #ffffff;
    border-bottom:solid 10px #ffffff;
    width:100%;
    height:664px;
}

.prod-copy{
    margin-top:250px;
    text-align:center;
    color:#ffffff;
    text-transform:uppercase;
}

.prod-copy h1{
    font-size:100px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 40px;
    margin-right:-40px;
}

.hr-sep{
    border-bottom:solid 1px #ffffff;
    width:450px;
    margin:0 auto;
}

.prod-copy h4{
    font-size:30px;
    letter-spacing: 10px;
}

#pargent01,#pargent02,#pargent03,#pperu01,#pperu02,#pperu03,#pmexico01,#pmexicor01{
    height:260px;
    padding:10px;
}

.prod-3line, .prod-1line{
    margin-left:0;
    margin-right:-10px;
}

.prod-3line .col-lg-4, .prod-1line .col-lg-8{
    border-right:solid 10px #ffffff;
    padding-right:0;
    padding-left:0;
}

.prod-info-container{
    width:100%;
    height:100%;
    cursor:pointer;
}

.prod-hover{
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}

.prod-text{
    padding:20px 0 0 20px;
    float:left;
    width:70%;
    position:relative;
    z-index:20;
}

.prod-desc{
    color:#000000;
    font-size:9px;
    float:left;
    margin-top:20px;
    margin-right:8px;
    display:none;
    line-height:11px;
}

#prod-desc02{
    margin-left:-5px;
}

.prod-desc span{
    font-size:10px;
    text-transform:uppercase;
}

.prod-desc span.valid-price{
    font-weight: bold;
    color:#444444;
    text-transform: none;
}


.prod-title{
    margin:0;
    text-transform:uppercase;
    color:#ffffff;
    font-family: 'Oswald', sans-serif;
    font-size:20px;
    border-left:solid 1px #02a7df;
    padding-left:10px;
    line-height:25px;
}

.prod-btn{
    float:right;
    padding:20px 20px 0 0;
    position:relative;
    z-index:20;
    width:30%;
}

.prod-price{
    text-align:right;
    font-family: 'Oswald', sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#ffffff;
    border:solid 1px #ffffff;
    width:95px;
    padding:2px 22px 2px 0;
    float:right;
}

.prod-price p{
    margin:0;
}

.prod-price span.prod-symbol{
    font-size:15px;
}

.prod-price span.prod-value{
    font-size:20px;
}

.prod-button{
    float:right;
    color:#ffffff;
    font-size:12px;
    text-align:center;
    width:95px;
    padding:9px 0px;
    background-color:#02a7df;
    margin-top:120px;
    display:none;
}

.xtra{
    display:none;
}

#pmexicoResp{
    display:none;
}

/* Hover Effects */

.hoverProdCont{
    background-color:#ffffff;
    opacity:0.9;
    filter:alpha(opacity=10);
}

.hoverh5{
    color:#000000;
    font-size:15px !important;
    line-height:18px !important;
}

.hoverPrice{
    color:#000000;
    border:solid 1px #000000;
}

.hoverDesc{
    display:block;
}

.hoverButton{
    display:block;
}

.triangle02{
    background:url(../img/triangle02.png) no-repeat;
    width:13px;
    height:26px;
    margin-left:-10px;
    margin-top:183px;
}

/*****************************************************************/
/*** NOTA ***/
/*****************************************************************/

#nota{
    font-size:10px;
    margin-top:15px;
    color:#333333;
    background-color:#f1f1f1;
    padding:8px 10px;
}

#nota p{
    margin:0;
}

#nota span{
    font-weight:bold;
}

/*****************************************************************/
/*** FOOTER ***/
/*****************************************************************/

#footer{
    width:100%;
    background-color:#ffffff;
    height:85px;
    margin-top:8px;
}

/* Imagens */

#footer_img{
    padding:10px 0 0 25px;
    float:left;
    margin-right:10px;
}

/* Rodapé */

#footer_rodape{
    text-align:right;
    color:#969696;
    font-size:11px;
    padding-top:35px;
}

.rodape1{
    margin-right:25px;
}

.rodape1 span{
    color:#636363;
}