/*-----------------------------------------------------------------------------------------------------
    Default
------------------------------------------------------------------------------------------------------*/
body > .wrapper {
    height: auto;
    min-height: 100%;
    width: 1260px;
    margin: auto;
    background: #fff;
}

body {
    font: 15px 'Open Sans', sans-serif;
    color: #000;
    background: #fff;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
}

input, textarea, button {color: #000; }

a {
    color: #262424;
    text-decoration: none;

    transition: all .5s cubic-bezier(0.77,0,.175,1);
    -webkit-transition: all .5s cubic-bezier(0.77,0,.175,1);
    -ms-transition: all .5s cubic-bezier(0.77,0,.175,1);
    -o-transition: all .5s cubic-bezier(0.77,0,.175,1);
}
a:hover{color: #ff4538;}


h1{
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -1px;
    font-weight: 400;
    text-align: center;
    padding: 17px 0 8px 0;
    border-bottom: 1px solid #000;
}

h1.menor{
    font-size: 20px;
    line-height: 34px;
}

h2{
    font-size: 16px;
    background: #ff4538;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 10px 0;
    padding: 4px;
}

h2.maior{
    margin-top: 20px;
    font-size: 15px;
}

h3{
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
}

ul{list-style-type: none;}

hr{
    height:2px;
    background: #555;
    width: 90px;
    margin: 13px 0;
    border: none;
}

.line{
    height:3px;
    background: #1fca96;
    width: 100%;
    margin: 25px 0;
}

/*-----------------------------------------------------------------------------------------------------
    Classes
------------------------------------------------------------------------------------------------------*/

.subtitle{
    font-size: 20px;
    font-style: italic;
    text-align: center;
    letter-spacing: 2px;
}

.wrap {
    width: 1260px;
    margin: 0 auto;
    padding: 0 15px;
}

.wrap.menor {
    width: 1090px;
}

.wrap.medium {
    width: 1080px;
}

.wrap:before, .wrap:after {
    content: " ";
    display: table;
}

.wrap:after {clear: both;}

.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; }

.hide{opacity:0;}
.relative{position: relative}
.displayBlock{display: block}


/*-----------------------------------------------------------------------------------------------------
    Layout
------------------------------------------------------------------------------------------------------*/

.nav-left{display: none;}
.nav_fixe .nav-left{display: block;}

header {
    position: relative;
    z-index: 200;
    transition: all .5s cubic-bezier(0.77,0,.175,1);
    height: 192px;
    background: #FFF;
    border-top: 35px solid #000;
}
header nav {
    padding: 0;
    /*overflow: hidden;*/
}

header .nav {
    background: none;
    z-index: 99;
}

header .nav-center{
    margin-left: auto;
    margin-right: auto;
}

header .nav-item{
    padding: 2px 0 0;
    margin: 0 28px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    align-items: inherit;
    color: #000;
    line-height: 23px;
    position: relative;
    height: 28px;
}

header .nav-item:last-child{
    font-weight: 600;
}
header .nav-item:after{
    transition: all 0.5s ease;
    display: block;
    height: 2px;
    width: 0;
    content: '';
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
}

header a.nav-item:hover:after,
header .nav-item.current:after {
    left: 0;
    width: 100%;
}

header .nav-item.logo:after{
   display: none;
}

header a.nav-item:hover{
    color: #000;
}

header .nav-item.current{
    color: #000;
}

header .logo{
   width: 180px;
   height: 93px;
   background: url(../img/logo-oxford-alumina-crystal.png);
   background-size: cover;
   display: block;
   overflow: hidden;
   text-indent: -9999px;
   position: relative;
   margin: 14px auto;
}

header .nav-item a{
    background: #272526;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    text-align: center;
    margin-right: 10px;
}

header .nav-item a i{
    color: #bd9d87;
    line-height: 32px;
    font-size: 20px;

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

header .nav-item a i:hover{
    color: #FFF;
}

.nav-left{overflow: inherit; }



header.is-fixed{
    position: fixed;
    top: 0;
    width: 100%;
    border-top: 0;
    border-bottom: 1px solid #CCC;
    height: 115px;
    z-index: 201;
}


header.is-fixed .logo{
    height: 50px;
    width: 97px;
}

header.is-fixed .nav-item{
    font-size: 15px;
}

section{padding: 48px 0}



/* BANNER */

.container_slide.marginTop{
    margin-top: 115px;
}

.container_slide{
    position: relative; 
    margin-bottom: 0px; 
    padding:0;
}
.container_slide .cycle-prev, .container_slide .cycle-next{
    position: absolute;
    bottom: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 200;
    cursor: pointer;
    opacity: 1;
    border: 3px solid #FFF;
    border-radius: 30px;
    text-align: center;
    background: none;
    left: 50%;

    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
}

.container_slide .cycle-prev:hover, .container_slide .cycle-next:hover{background: #FFF;}
.container_slide .cycle-prev i, .container_slide .cycle-next i{
    line-height: 43px;
    font-size: 40px;
    color: #bd9d87;
}

.container_slide .cycle-prev:hover i, .container_slide .cycle-next:hover i{color: #000;}
.container_slide .cycle-prev{margin-left: -570px;}
.container_slide .cycle-next{margin-left: 520px;}

.container_slide h1{
    font-size: 46px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 46px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
    color: #FFF;
    margin-bottom: 15px;
    color: #fdc716;
}

.container_slide .cycle-slideshow li{
    width: 100%;
    height: 672px;
}


.bolinha{
   background: #ff4539 url(../img/seta-down.jpg) no-repeat center center;
   width: 21px;
   height: 21px;
   border-radius: 10px;
   position: absolute;
   bottom: -13px;
   z-index: 99;
   left: 50%;
   margin-left: -11px;
}











/* CHAMADAOXFORD */

.chamadaOxford{
    padding-top: 0;
}

.chamadaOxford img{
    display: block;
}

.chamadaOxford .texto{
    background: #f2f2f2;
    padding: 0 15px 40px 15px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.chamadaOxford .texto a.btn-compre {
    display:table;
    background: #ff4538;
    color: #000;
    margin: 0 auto;
    font-size: 19px;
    padding: 10px;
    font-weight: 600;
}
.chamadaOxford .texto a.btn-compre:hover !important {
    color: #ff4538;
    background: #ff4538;
}


/* VIDEO */

#video{
    background: url(../img/bg_video.jpg) center top;
    background-size: cover;
    height: 693px;
    margin-bottom: 23px;
    padding: 0;
    color: #ff4539;
}

#video.bg_branco{
    background: #FFF;
}

#video h2{
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    padding: 4px 6px;
    color: #000;
}

#video h2.maior{
    font-size: 40px;
    font-weight: 400;
    padding: 4px 6px;
    line-height: 40px;
}

#video img{
    display: block;
    margin: 45px auto;
    width: 95px;
}

#video .box_click_video{
    margin-top: 180px;
    cursor: pointer;
}

#video #player_video{
    display: none;
    position: absolute;
    top: 0;
    left: 15px;
    height: 693px;
}

#video #box_video{
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
}

#video #box_video iframe{
    height: 693px;
}


/* RESISTENCIA */

#resistencia{
    text-align: center;
    position: relative;
    padding-bottom: 10px;
}

#resistencia img{
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.item_bolinha{
    opacity: 0;
}

#resistencia .item_l{
    background: url(../img/bg_item_copo_esquerda.png);
    width: 326px;
    height: 64px;
    padding-right: 57px;
    padding-top: 35px;
    position: absolute;
    left: 50%;
    top: 49px;
    margin-left: -497px;
    background-size: contain;
    color: #fe4237;
    font-size: 20px;
    line-height: 29px;
    font-weight: 600;
}

#resistencia .item_l.det1{
    top: 49px;
    margin-left: -497px;
}

#resistencia .item_l.det2{
    top: 297px;
    margin-left: -564px;
}

#resistencia .item_r{
    background: url(../img/bg_item_copo_direita.png) no-repeat;
    width: 326px;
    height: 64px;
    padding-left: 57px;
    padding-top: 35px;
    position: absolute;
    left: 50%;
    top: 49px;
    margin-left: 497px;
    background-size: contain;
    color: #fe4237;
    font-size: 20px;
    line-height: 29px;
    font-weight: 600;
}

#resistencia .item_r.det3{
    top: 108px;
    margin-left: 191px;
}

#resistencia .item_r.det4{
    top: 250px;
    margin-left: 229px;
}

#resistencia .item_r.det5{
    top: 403px;
    margin-left: 257px;
}

.faixa_preta{
    background: #000;
    padding: 12px 0;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    position: relative;
    z-index: 1;
}



#resistencia-itens{
    padding-bottom: 0;
}

.box_res{
    text-align: center;
    min-width: 224px;
    width: 20%;
}

.box_res img{
    width: 195px;
}

.box_res .info{
    width:100%;
    text-align: center;
    padding: 20px 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
}

.box_res h2{
    display: inline-block;
    margin: 0 auto;
    font-size: 19px;
    padding: 5px 10px 5px;
    font-weight: 600;
}


#resistencia-itens .cycle-pager{
    width: 105px;
    margin: 0 auto 20px;
}

#resistencia-itens .cycle-pager span{
    font-size: 40px;
    margin: 0 10px;
    opacity: 0.4;
}

#resistencia-itens .cycle-pager .cycle-pager-active{
    opacity: 1;
}

/* LINHAS */

#linhas{
    padding-top: 80px;
    padding-bottom: 0;
}

.linhas_menu{
    background: #000;
    color: #FFF;
    padding: 20px 0;
    margin-bottom: 45px;
}

.linhas_menu .nav-menu .nav-item{
    color: #FFF;
    padding: 10px 0px;
    margin: 3px 23px;
    /*font-size: 13px;*/
    position: relative;
}

.linhas_menu .nav-menu .nav-item:after{
    transition: all 0.5s ease;
    display: block;
    height: 2px;
    width: 0;
    content: '';
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
}

.linhas_menu .nav-menu .nav-item:hover:after{
    left: 0;
    width: 100%;
}

.linhas_menu .nav-menu .nav-item.cycle-pager-active:after{
    left: 0;
    width: 100%;
}

/* CSS PARA QUEBRAR DUAS LINHAS NAS LINHAS */
.linhas_menu .nav-center{ display: block; text-align: center; }
.linhas_menu .nav-menu .nav-item{ display: inline-block; }



#linhas .cycle-slideshow{
    /*height: 620px;*/
}

#linhas .cycle-slideshow li{
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    width: 100%;
    height: 570px;
}

#linhas .cycle-slideshow li .linha_info{
    width: 670px;
    margin: 20px auto 0;
}

#linhas .cycle-slideshow li .linha_info.col3{width: 470px;}
#linhas .cycle-slideshow li .linha_info.col2{width: 300px;}

#linhas .cycle-slideshow li .linha_info .column{
    font-size: 12px;
    font-weight: 600;
}

#linhas .conj{
    color: #555;
    margin-top: 7px;
}

#linhas .cycle-slideshow li h3{
    font-size: 21px;
    margin-bottom: 5px;
}

#linhas .cycle-slideshow li h3 span{
    font-size: 14px;
    color: #555;
}

#linhas .cycle-prev, #linhas .cycle-next{
    position: absolute;
    bottom: 0;
    top: 50%;
    width: 79px;
    height: 33px;
    z-index: 200;
    cursor: pointer;
    left: 50%;

    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}

#linhas .cycle-prev:hover{transform: translateX(-12%);}
#linhas .cycle-next:hover{transform: translateX(12%);}

#linhas .cycle-prev:hover, #linhas .cycle-next:hover{}
#linhas .cycle-prev{margin-left: -500px;}
#linhas .cycle-next{margin-left: 420px;}

#linhas .cycle-slideshow .seta_light{
    width: 60px;
}

#linhas .no_desktop.cycle-prev:hover, #linhas .no_desktop.cycle-next:hover{
    transform: none;
}

#linhas .no_desktop.cycle-prev{
    margin-left: inherit;
    left: 20px;
}

#linhas .no_desktop.cycle-next{
    margin-right: inherit;
    right: 20px;
    left: inherit;
}




/* EMBALAGENS */

#embalagens{
    background: url(../img/oxford-alumia.jpg) no-repeat center top;
    padding-top: 720px;
    min-height: 1000px;
    padding-bottom: 10px;
}

#embalagens div{
    font-weight: 600;
    font-size: 16px;
}

#embalagens h2{
    display: inline-block;
    margin: 0 auto;
    font-size: 19px;
    padding: 5px 10px 5px;
    font-weight: 600;
}

#embalagens a.btn-compre {
    display:inline-block;
    background: #ff4538;
    color: #000;
    margin: 0 auto;
    font-size: 19px;
    padding: 10px;
    font-weight: 600;
}
#embalagens a.btn-compre:hover !important {
    color: #ff4538;
    background: #ff4538;
    
}

#embalagens .selo{
    width: 214px;
    margin-top: 30px;
}





/* BOTOES */

.button{
    padding: 20px 20px;
    letter-spacing: 1px;
    height: auto;

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.botao{
    background: none;
    border: 3px solid #262424;
    display: inline-block;
    padding: 11px 35px 11px;
    margin: 10px auto;
    color: #262424;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    font-family: "Open Sans";

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.botao:hover{
    background: #262424;
    color: #FFF;
}

.botao i{
   line-height: 19px;
   margin-right: 5px;
}

.button.is-success{
    background: #a1b638;
}





/* CONTATO */

#contato{
    background: #000;
    margin-top: 20px;
    color: #FFF;
    line-height: 19px;
    padding-top: 70px;
}
#contato h1{
    color: #55565a;
    background: none;
    font-size: 30px;
    padding: 0;
    font-weight: 600;
    line-height: 25px;
    margin-top: 9px;
    margin-bottom: 4px;
    text-align: left;

}
#contato h2{
    color: #55565a;
    background: none;
    font-size: 22px;
    padding: 0;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 6px;
    text-align: left;
}
#contato form {
    position: relative;
}

#contato .col_right{
    padding-left: 70px;
}

#contato form input{
    border: 3px solid #55565a;
    border-radius: 0;
    background: none;
    width: 100%;
    outline: none;
    color: #777;
    padding: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}

#contato form textarea{
    border: 3px solid #55565a;
    border-radius: 0;
    background: none;
    width: 100%;
    height: 171px;
    outline: none;
    color: #777;
    padding: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}

#contato form button {
    background: none;
    border: 3px solid #55565a;
    color: #777;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 35px;
    outline: none;
    font-family: "Open Sans";

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

#contato .newsletter input{
    border: 3px solid #55565a;
    border-radius: 0;
    background: none;
    width: 75%;
    outline: none;
    color: #777;
    padding: 15px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    margin-top: 10px;
}
#contato .newsletter button {
    float: right;
    background: none;
    border: 3px solid #55565a;
    color: #777;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 0px;
    outline: none;
    font-family: "Open Sans";

    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}
#contato form button:hover {
    background: #262424;
    color: #fff;
}
#contato .tel {
    font-size: 18px;
    margin: 15px 0;
}
#contato .email{
    font-size: 18px;
    display: inline-block;
}
#contato .email:after{
    content: " ";
    height: 2px;
    width: 100%;
    background: #FFF;
    display: block;
    margin-top: 6px;

    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}

#contato a{
    color: #FFF;
}

#contato a:hover{
    color: #ff4538;
}

#contato .email:hover:after{
    background: #ff4538;
}



.msg{font-size: 16px; text-transform: initial; line-height: 26px; margin-left: 10px; font-weight: 700;}

.success {
    color: #FFF;
    padding: 0;
    line-height: 35px;
    font-size: 18px;
    margin-left: 10px;
}
.erro {
    border: 1px solid #eed3d7;
    background: #F2dede;
    color: #B94a48;
    padding: 5px;
}
.load {
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
    float: right;
    display: none;
    background: url(../img/load.gif) center center no-repeat;
}




/* FOOTER */

footer{
    font-size: 13px;
    line-height: 20px;
    margin-top: 0px;
    padding-top: 20px;
    background: #000;
    color: #FFF;
    position: relative;
}

footer strong{color: #fdc716; }

footer .footer_ass{
    height: 65px;
    border-top: 1px solid #FFF;
}

footer .direitos{
    font-size: 11px;
    margin-top: 17px;
    text-align: center;
}

footer .ass{
    float: right;
    margin-top: 20px;
}


footer a{color: #FFF; }
footer a:hover{color: #ff4538; }

footer .inf{
    padding: 60px 0;
    text-align: center;
}

footer h1{
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #fdc716;
    margin: 0 0 30px 0;
}

footer h2{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFF;
    margin: 33px 0 5px;
    text-align: left;
}

.footer__social-icons {
    text-align: center;
}
.footer__social-icons .footer__social-icons__item {
    display: inline-block;
    margin: 4px;
    float: left;
}

.footer__social-icons .footer__social-icons__item a {
    text-align: center;
    background: #fff;
    display: block;
    color: #000 !important;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
}
.footer__social-icons .footer__social-icons__item a:hover {
    background: #ff4538;  
}
.goTop{
    width: 80px;
    margin: 0px 0 0;
    display: inline-block;
    text-align: center;
    font-size: 11px;
}

.goTop img{
    width: 25px;
    display: block;
    margin: 0 auto 5px;
}

.goTop:hover{
    transform: translateY(-10%);
}

/*::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF;}
::-moz-placeholder {color: #FFF;}
:-ms-input-placeholder {color: #FFF;}*/



/* FX INTRO */

.header_fx, .slide_fx, .home{opacity:0;}
.f4_fx, .f5_fx {opacity:0}

.waypoint{ opacity: 0; }

.animation_bottom.animated {
    opacity: 1;
    -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left.animated {
    opacity: 1;
    -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right.animated {
    opacity: 1;
    -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_top.animated {
    opacity: 1;
    -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
}

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeBottom { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeBottom { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fadeBottom { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeBottom { 0% { opacity: 0; } 100% { opacity: 1; } }

@-webkit-keyframes fadeLeft { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeLeft { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fadeLeft { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeLeft { 0% { opacity: 0; } 100% { opacity: 1; } }

@-webkit-keyframes fadeRight { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeRight { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fadeRight { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeRight { 0% { opacity: 0; } 100% { opacity: 1; } }

@-webkit-keyframes fadeTop { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeTop { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes fadeTop { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeTop { 0% { opacity: 0; } 100% { opacity: 1; } }


/* EXTRAS */

.mobile_only{display: none !important; }
.no_desktop{display: none}


@media only screen and (min-width: 768px) {

    /* MARGINS */

    .mr0{margin-right: 0 !important;}
    .mr10{margin-right: 10px;}
    .mr20{margin-right: 20px;}
    .mr30{margin-right: 30px;}
    .mr40{margin-right: 40px;}
    .mr50{margin-right: 50px;}
    .mr60{margin-right: 60px;}
    .mr70{margin-right: 70px;}
    .mr80{margin-right: 80px;}
    .mr90{margin-right: 90px;}

    .ml0{margin-left: 0 !important;}
    .ml10{margin-left: 10px;}
    .ml20{margin-left: 20px;}
    .ml30{margin-left: 30px;}
    .ml40{margin-left: 40px;}
    .ml50{margin-left: 50px;}
    .ml60{margin-left: 60px;}
    .ml70{margin-left: 70px;}
    .ml80{margin-left: 80px;}
    .ml90{margin-left: 90px;}

    .mt0{margin-top: 0px !important}
    .mt10{margin-top: 10px !important}
    .mt15{margin-top: 15px;}
    .mt20{margin-top: 20px;}
    .mt25{margin-top: 25px;}
    .mt30{margin-top: 30px !important;}
    .mt40{margin-top: 40px !important;}
    .mt50{margin-top: 50px !important;}
    .mt60{margin-top: 60px !important;}
    .mt70{margin-top: 70px !important;}
    .mt80{margin-top: 80px !important;}
    .mt90{margin-top: 90px !important;}
    .mt100{margin-top: 100px !important;}
    .mt110{margin-top: 110px !important;}
    .mt115{margin-top: 115px;}
    .mt120{margin-top: 120px;}
    .mt130{margin-top: 130px;}
    .mt140{margin-top: 140px;}
    .mt145{margin-top: 145px !important;}
    .mt150{margin-top: 150px;}
    .mt160{margin-top: 160px;}
    .mt170{margin-top: 170px;}
    .mt180{margin-top: 180px;}
    .mt190{margin-top: 190px;}
    .mt200{margin-top: 200px;}
    .mt210{margin-top: 210px;}

    .mb0{margin-bottom: 0px !important}
    .mb10{margin-bottom: 10px !important}
    .mb20{margin-bottom: 20px !important}
    .mb30{margin-bottom: 30px !important}
    .mb40{margin-bottom: 40px !important}
    .mb50{margin-bottom: 50px !important}
    .mb60{margin-bottom: 60px !important}
    .mb70{margin-bottom: 70px !important}
    .mb80{margin-bottom: 80px !important}
    .mb90{margin-bottom: 90px !important}
    .mb100{margin-bottom: 100px !important}


    .p0{padding: 0px !important;}
    .pt0{padding-top: 0px !important;}
    .pt10{padding-top: 10px !important;}
    .pt20{padding-top: 20px !important;}
    .pt30{padding-top: 30px !important;}
    .pt40{padding-top: 40px !important;}
    .pt50{padding-top: 50px !important;}
    .pb10{padding-bottom: 10px !important;}
    .pb20{padding-bottom: 20px !important;}
    .pb30{padding-bottom: 30px !important;}
    .pb40{padding-bottom: 40px !important;}
    .pb50{padding-bottom: 50px !important;}

    .pl10{padding-left: 10px;}
    .pl20{padding-left: 20px;}
    .pl30{padding-left: 30px;}
    .pl40{padding-left: 40px;}

    .p10{padding: 10px;}
    .p20{padding: 20px;}
    .p30{padding: 30px;}
    .p40{padding: 40px;}
    .p50{padding: 50px;}
    .p60{padding: 60px;}
    .p70{padding: 70px;}
    .p80{padding: 80px;}
    .p90{padding: 90px;}

    .mobile_only{display: none !important; }
    .tablet_only{display: none !important; }
    .desktop_only{/*display: block;*/}
    .tablet_em_pe{display: none;}
}


/***************************************************************/
/********************* NOTEBOOK ********************************/
/***************************************************************/
@media only screen and (min-width: 1260px) and (max-width: 1440px) {

    /*.linhas_menu .nav-menu .nav-item{margin: 0 13px; font-size: 13px;}*/
}



/***************************************************************/
/********************* TABLET DEITADO **************************/
/***************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1259px) and (orientation: landscape) {

    .mobile_only{display: none !important;}
    .desktop_only{display: none !important;}
    .tablet_em_pe{display: none;}
    .no_desktop{display: block}

    .wrap, .wrap.medium, .wrap.menor, .wrap.menor1180, .page-wrap{width: 100%;}

    .columns{margin-left:0; margin-right: 0; }

    header .nav-item{font-size: 16px; padding: 2px 0 0; margin: 0 28px;}
    header .logo{width: 180px; height: 93px; margin: 14px auto;}

    h1{font-size: 28px; }
    h2{font-size: 13px; line-height: 25px;}


    /* BANNER */
    .container_slide .cycle-slideshow li{background-size: cover !important; height: 500px;}
 


    /* VIDEO */
    #video{height: 500px;}

    #video h2{
        font-size: 15px;
        line-height: 17px;
    }

    #video h2.maior{
        font-size: 26px;
        font-weight: 600;
        line-height: 30px;
    }

    #video img{
        margin: 40px auto;
        width: 65px;
    }

    #video .box_click_video{
        margin-top: 100px;
    }

    #video #player_video{
        left: 11px;
        height: 500px;
    }



    
    /* RESISTENCIA */
    #resistencia .item_l {
        background: url(../img/bg_bola_sem_linha.png) right top no-repeat;
        background-size: contain; 
        width: 200px;
        height: 64px;
        padding-right: 75px;
        padding-top: 0px;
        font-size: 18px;
        line-height: 22px;
    }

    #resistencia .item_l.det1{top: 100px; margin-left: -384px;}
    #resistencia .item_l.det2{margin-left: -435px;}

    #resistencia .item_r {
        background: url(../img/bg_bola_sem_linha.png) left top no-repeat;
        background-size: contain; 
        width: 200px;
        height: 64px;
        padding-left: 75px;
        padding-top: 0px;
        font-size: 18px;
        line-height: 22px;
    }

    #resistencia .item_r.det3{top: 75px; height: 80px; background-size: 64px 64px; background-position: 14px; margin-left: 165px;}
    #resistencia .item_r.det4{top: 220px; margin-left: 217px; line-height: 60px;}
    #resistencia .item_r.det5{top: 363px; margin-left: 247px; padding-top: 10px;}

    .box_res{width: 100%; }
    .w100{width: 100%;}

    #video #box_video{
        width: 99%;
    }

    #video #box_video iframe{
        height: 500px;
    }


    /* LINHAS */
    #linhas .wrap{padding: 0;}
    #linhas .cycle-prev, #linhas .cycle-next{top: 8%;}


    .box_linha{
        background: #000;
        color: #FFF;
        padding: 20px 0
    }

    #linhas .conj{color: #FFF; }
    #linhas .cycle-slideshow li{height: 630px;}
    #linhas .cycle-slideshow li h3 span{color: #FFF;}
}




/***************************************************************/
/************************* IPAD EM PE **************************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

    .footer__social-icons{ margin: 0 -15px; }
        

    .mobile_only{display: none !important;}
    .desktop_only{display: none !important;}
    .hide_tablet_em_pe{display: none;}
    .no_desktop{display: block}

    .f4_fx, .f5_fx{opacity:1;}

    p{font-size: 12px;}
    .wrap, .wrap.medium, .wrap.menor, .wrap.menor1180, .page-wrap{width: 100%;}


    /* MENU */
    .hamburger, .nav-toggle{position: absolute; top: -30px; left: 4%;}
    .hamburger:hover, .nav-toggle:hover{}
    .hamburger span:nth-child(1), .nav-toggle span:nth-child(1){margin-top: -8px;}
    .hamburger span:nth-child(3), .nav-toggle span:nth-child(3){margin-top: 6px;}
    .hamburger span, .nav-toggle span{height: 4px; width: 35px; margin-left: -13px; background: #000; border-radius: 4px}
    .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1){margin-left: -7px; margin-top: -15px;}
    .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3){margin-top: 8px; margin-left: -8px;}


    body{ line-height: 18px; font-size: 14px;}
    /*header{ height: auto; position: fixed; width: 100%; top: 0; left: 0; border-bottom: 1px solid #CCC; z-index: 201 }*/
    header{ height: auto; border-bottom: 1px solid #CCC; }
    header .nav{margin-top: -47px;}
    header .wrap{padding: 0}

    header .nav-toggle{display: block;}
    header .nav-menu {
        background-color: #fff;
        box-shadow: none;
        left: -200%;
        top: 100%;
        width: 100%;
        position: absolute;
        padding: 10px 0 3780px;
        display: block;

        transition: all .5s cubic-bezier(0.77,0,.175,1);
        -webkit-transition: all .5s cubic-bezier(0.77,0,.175,1);
        -ms-transition: all .5s cubic-bezier(0.77,0,.175,1);
        -o-transition: all .5s cubic-bezier(0.77,0,.175,1);
    }
    header .nav-menu.is-active{left: 0;}
    header .logo{background: url(../img/logo-oxford-alumina-crystal.png); background-size: cover; width: 168px; height: 87px;}
    header .nav-item.current{background: #bd9d87; color: #FFF;}

    header .nav-menu .nav-item{
        padding: 20px 0 43px 30px; 
        margin: 0; 
        background: #fff; 
        color: #000; 
        font-size: 16px;
        border: none;
    }

    header .nav-menu .nav-item span{
        background: url(../img/seta-linhas-dir.png);
        background-size: contain;
        height: 11px;
        width: 27px;
        display: block;
        margin: 7px 0 0 10px; 
    }
    header .nav-item:after{display: none;}

    .bolinha{z-index: 190;}

    h1{font-size: 20px; line-height: 28px;}
    h2{font-size: 13px; }
    section{padding: 30px 0;}


    .columns{margin-left:0; margin-right: 0; }
    .button{padding: 10px 20px}


    /* BANNER */
    .container_slide{/*margin-top: 154px;*/}
    .container_slide .cycle-prev, .container_slide .cycle-next{top: 39%; width: 50px; height: 50px;}
    .container_slide .cycle-prev i, .container_slide .cycle-next i{line-height: 40px;}
    .container_slide .cycle-next{right: 20px; left: inherit; margin-left: inherit; z-index: 199}
    .container_slide .cycle-prev{left: 20px; margin-left: inherit; z-index: 199}
    .container_slide .cycle-slideshow li{background-size: cover !important; height: 380px;}

    .chamadaOxford .texto{font-size: 17px;}


    /* VIDEO */
    #video{height: 440px;}

    #video h2{
        font-size: 15px;
        line-height: 17px;
    }

    #video h2.maior{
        font-size: 26px;
        font-weight: 600;
        line-height: 30px;
    }

    #video img{
        margin: 40px auto;
        width: 65px;
    }

    #video .box_click_video{
        margin-top: 70px;
    }

    #video #player_video{
        left: 10px;
        height:440px;
    }


    #video #box_video{
        width: 98%;
    }

    #video #box_video iframe{
        height: 440px;
    }




    /* RESISTENCIA */
    .copo{width: 430px;}

    #resistencia .item_l {
        background: url(../img/bg_bola_sem_linha.png) right top no-repeat;
        background-size: contain; 
        width: 152px;
        height: 50px;
        padding-right: 55px;
        padding-top: 0px;
        font-size: 14px;
        line-height: 18px;
    }

    #resistencia .item_l.det1{margin-left: -284px; top: 70px;}
    #resistencia .item_l.det2{margin-left: -316px; top: 200px;}

    #resistencia .item_r {
        background: url(../img/bg_bola_sem_linha.png) left top no-repeat;
        background-size: contain; 
        width: 179px;
        height: 50px;
        padding-left: 55px;
        padding-top: 0px;
        font-size: 14px;
        line-height: 18px;
    }

    #resistencia .item_r.det3{top: 25px; height: 60px; background-size: 50px 50px; background-position: 0 10px; margin-left: 121px;}
    #resistencia .item_r.det4{top: 140px; margin-left: 150px; line-height: 50px;}
    #resistencia .item_r.det5{top: 253px; margin-left: 174px; padding-top: 10px;}


    .box_res{width: 100%; }
    .w100{width: 100%;}



    /* LINHAS */
    #linhas .wrap{padding: 0;}
    #linhas .cycle-prev, #linhas .cycle-next{top: 8%;}

    .box_linha{
        background: #000;
        color: #FFF;
        padding: 20px 90px;
    }

    #linhas .conj{color: #FFF; }
    #linhas .cycle-slideshow li{height: 630px;}
    #linhas .cycle-slideshow li h3 span{color: #FFF;}
    #linhas .cycle-next{margin-left: 285px;}
    #linhas .cycle-prev{margin-left: -370px;}


    /* EMBALAGENS */
    #embalagens{background-size: contain; padding-top: 420px; min-height: inherit;}
    


    /* FOOTER */
    #contato h1{font-size: 28px;}
    #contato h2{font-size: 18px;}
    #contato .email{font-size: 14px}
    #contato form input{width: 100%}
    #contato .newsletter input{ width: 62% }
    #contato .col_right{ padding-left: 40px; }

}



/**************************************************************/
/************************* SMARTPHONE DEITADO *****************/
/***************************************************************/
@media only screen and (min-width: 500px) and (max-width: 767px) and (orientation: landscape) {

    .container_slide .cycle-slideshow li{height: 575px !important;}

}


/**************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/
@media only screen and (max-width: 767px) {

    .f4_fx, .f5_fx{opacity:1;}

    .desktop_only{display: none !important;}
    .tablet_only{display: none !important;}
    .tablet_em_pe{display: none;}
    .mobile_only{display: block !important}
    .no_mobile{display: none !important}
    .no_desktop{display: block}


    /* BULMA */
    .level-item:not(:last-child){ margin-bottom: 30px }
    .columns{margin-left: 0; margin-right: 0}
    .column{padding: 0}


    /* CONFIGURACAO GERAL */
    html{min-width: 100%}
    body{line-height: 20px; font-size: 13px;}
    .wrap, .wrap.medium, .wrap.menor{width: 100%; padding: 0 10px}
    .page-wrap{width: 100%;}

    .nav-left{display: flex;}

    header{ height: auto; border-top: 0; border-bottom: 1px solid #DDD;}
    header .wrap{padding: 0;}
    header .logo{
        background-image: url(../img/logo-oxford-alumina-crystal.png); 
        box-shadow: none; 
        height:50px; 
        width:97px; 
        margin: 15px auto 0;
    }
    header .nav{margin-top: -37px}


    h1{font-size: 16px; line-height: 20px; width: 100%; padding: 13px 0 5px;}
    h1.menor{font-size: 16px;}
    h2{font-size: 17px;}
    h3{font-size: 11px; line-height: 20px;}

    hr{margin: 13px auto;}

    p{font-size: 11px;}
    .hide{opacity: 1;}
    .fa{vertical-align: initial;}
    section{padding: 20px 0;}


    /* MENU */
    .hamburger, .nav-toggle{position: absolute; top: -13px; left: 5%;}
    .hamburger span:nth-child(1), .nav-toggle span:nth-child(1){margin-top: -8px;}
    .hamburger span:nth-child(3), .nav-toggle span:nth-child(3){margin-top: 6px;}
    .hamburger span, .nav-toggle span{height: 4px; width: 35px; margin-left: -13px; background: #000; border-radius: 4px}
    .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1){margin-left: -7px; margin-top: -15px;}
    .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3){margin-top: 8px; margin-left: -8px;}
    
    header .nav-menu{
        box-shadow: none;
        padding: 10px 0 2400px;
        left: -200%;
        display: block;
        width: 100%;

        transition: all .5s cubic-bezier(0.77,0,.175,1);
        -webkit-transition: all .5s cubic-bezier(0.77,0,.175,1);
        -ms-transition: all .5s cubic-bezier(0.77,0,.175,1);
        -o-transition: all .5s cubic-bezier(0.77,0,.175,1);
    }
    header .nav-menu.is-active{left: 0;}
    header .nav-item{padding:0; font-size: 13px;}
    header .nav-item.current{background:#bd9d87; color:#FFF;}

    header .nav-item:after{display: none;}

    header .nav-menu .nav-item{
        padding: 20px 0 43px 30px; 
        margin: 0; 
        background: #fff; 
        color: #000; 
        font-size: 16px;
        border: none;
    }

    header .nav-menu .nav-item span{
        background: url(../img/seta-linhas-dir.png);
        background-size: contain;
        height: 11px;
        width: 27px;
        display: block;
        margin: 7px 0 0 10px; 
    }

    .bolinha{z-index: 199;}


    /* BANNER */
    .container_slide{padding: 0; margin-bottom: 0px;}
    .container_slide .cycle-prev, .container_slide .cycle-next{top: 43%; width: 40px; height: 40px;}
    .container_slide .cycle-next{right: 20px; left: inherit; margin-left: inherit; z-index: 199}
    .container_slide .cycle-prev{left: 20px; margin-left: inherit; z-index: 199}
    .container_slide .cycle-prev i, .container_slide .cycle-next i{line-height:33px;}
    .container_slide .cycle-slideshow li{height: 324px; background-size: cover !important; }

    
    .chamadaOxford .texto{
        background: none;
        font-size: 12px;
        line-height: 16px;
        padding-top: 15px;
        padding-bottom: 0px;
    }


    
    /* VIDEO */
    #video{height: 246px;}

    #video h2{
        font-size: 13px;
        line-height: 13px;
    }

    #video h2.maior{
        font-size: 17px;
        font-weight: 600;
        line-height: 18px;
    }

    #video img{
        margin: 15px auto;
        width: 35px;
    }

    #video .box_click_video{
        margin-top: 30px;
    }

    #video #player_video{
        left: 0px;
        height:246px;
        width: 100%;
    }

    
    /*#video #box_video{
        width: 97%;
    }*/

   /* #video #box_video iframe{
        height: 246px;
    }*/


    #video #box_video{
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 0px;
        height: 0;
    }

    #video #box_video iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }






    /* RESISTENCIA */
    .copo{width: 190px;}

    .faixa_preta {
        font-size: 10px;
        padding: 10px 15px;
        line-height: 16px; 
    }

    #resistencia .item_l {
        background: url(../img/bg_bola_sem_linha.png) right top no-repeat;
        background-size: contain;
        width: 80px;
        height: 20px;
        padding-right: 20px;
        padding-top: 0px;
        font-size: 8px;
        line-height: 11px;
    }

    #resistencia .item_l.det1{margin-left: -139px; top: 40px;}
    #resistencia .item_l.det2{margin-left: -156px; top: 106px;}

    #resistencia .item_r {
        background: url(../img/bg_bola_sem_linha.png) left top no-repeat;
        background-size: contain; 
        width: 80px;
        height: 20px;
        padding-left: 20px;
        padding-top: 0px;
        font-size: 8px;
        line-height: 11px;
    }

    #resistencia .item_r.det3{top: 20px; margin-left: 56px; height: 44px; background-size: 20px 20px; background-position: 0 10px; }
    #resistencia .item_r.det4{top: 73px; margin-left: 68px; line-height: 20px; padding-left: 24px;}
    #resistencia .item_r.det5{top: 120px; margin-left: 79px; padding-top: 0px; padding-left: 10px;}

    #resistencia-itens .cycle-slideshow .columns{display: flex;}
    #resistencia-itens .cycle-slideshow .column{
        flex: 1 1 auto;
        -webkit-box-flex: 1;
        padding: 5px;
    }

    .box_res h2{
        font-size: 12px; 
        padding: 2px 4px;
        line-height: 17px;
    }
    .box_res .info{
        font-size: 12px;
        line-height: 14px;

    }
    .box_res img{width: 100%; max-width: 170px;}
    .box_res{
        width: 100%;
        min-width: inherit;
    }
    .w100{width: 100%;}
    #resistencia-itens .cycle-pager{margin-top: 20px;}
    

    /* LINHAS */
    #linhas{padding-bottom: 40px;}
    #linhas .wrap{padding: 0;}
    #linhas .cycle-prev, #linhas .cycle-next{top: 11%;}

    #linhas .cycle-slideshow li .linha_info{width: 100%; }
    #linhas .cycle-slideshow li .linha_info.col2{width: 50%}
    #linhas .cycle-slideshow li .linha_info.col3{width: 70%}
    #linhas .cycle-slideshow li .linha_info .columns{display: flex}
    #linhas .cycle-slideshow li .linha_info .column{
        font-size: 9px;
        line-height: 13px;
        flex: 1 1 auto;
        -webkit-box-flex: 1;
        padding: 7px;
    }

    #linhas .cycle-slideshow li h3{font-size: 13px;}
    #linhas .cycle-slideshow .seta_light{width: 40px;}
    #linhas .no_desktop.cycle-next{right: 10px;}
    #linhas .no_desktop.cycle-prev{left: 10px;}

    .box_linha{
        background: #000;
        color: #FFF;
        padding: 20px 55px;
        line-height: 13px;
    }

    .box_linha p{font-size: 10px;}

    #linhas .conj{color: #FFF; }
    #linhas .cycle-slideshow li{height: auto;}
    #linhas .cycle-slideshow li h3 span{color: #FFF;}
    #linhas .cycle-next{margin-left: 285px;}
    #linhas .cycle-prev{margin-left: -370px;}



    /* EMBALAGENS */
    #embalagens{
        /*background: url(../img/oxford-alumia-mobile.jpg) no-repeat;*/
        /*padding-top: 73%; */
        padding-top: 0; 
        background: none;
        background-size: contain; 
        min-height: inherit;
    }
    #embalagens .selo{width: 140px;}
    #embalagens h2{font-size: 17px;}
    #embalagens div{font-size: 12px; line-height: 17px;}
   


    /* CONTATO */
    #contato{text-align: center}
    #contato .columns{display: flex; flex-flow: column;}
    #contato form input{width: 50%; padding: 12px; font-size: 17px; margin-top: 0px;}
    #contato form button{padding: 11px 20px 13px; font-size: 17px; margin-right: inherit;}

    #contato h1{font-size: 17px; margin-top: 20px; text-align: center;}
    #contato h2{font-size: 17px; line-height: 22px; text-align: center;}
    .footer__social-icons .footer__social-icons__item { float: none;}
    #contato .email{font-size: 15px;}
    #contato .tel{font-size: 15px;}

    #contato .email{font-size: 14px}
    #contato form input{width: 100%; margin-top: 10px;}
    #contato .newsletter input{ width: 50%; padding: 12px; font-size: 17px; margin-top: 0px }
    #contato .newsletter button{float: none; padding: 9px 12px 15px; font-size: 17px; margin-right: inherit;}

    #contato .col_right{ padding-left: 0px; margin-bottom: 30px;}
    #contato .order1{ order: 2; margin-bottom: 30px; }
    #contato .order2{ order: 1 }


    .msg{font-size: 14px; margin-left: 0;}

    .goTop{
        width: 80px;
        margin: 40px auto 10px;
        font-size: 10px;
    }

    .goTop img{
        width: 20px;
    }

    .goTop:hover{
        transform: none;
    }


    /* FOOTER */
    footer .footer_ass{height: auto}
    footer .ass{margin-top: 10px; margin-bottom: 15px; }
    footer .direitos{margin-top: 10px; font-size: 9px;}
}