@charset "iso-8859-1";

@font-face {
    font-family: 'PNxbold';
    src: url('../fonts/ProximaNovaxboldwebfont.eot');
    src: url('../fonts/ProximaNovaxboldwebfont.eot') format('embedded-opentype'), url('../fonts/ProximaNovaxboldwebfont.woff2') format('woff2'), url('../fonts/ProximaNovaxboldwebfont.woff') format('woff'), url('../fonts/ProximaNovaxboldwebfont.ttf') format('truetype'), url('../fonts/ProximaNovaxboldwebfont.svg#PNxbold') format('svg');
}

@font-face {
    font-family: 'proxima_bold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;1,200&display=swap');

* {
    font-size: 12pt;
}


body {
    font-family: 'Source Sans Pro', sans-serif!important;
    -webkit-font-smoothing: antialiased; /* Para navegadores WebKit (Chrome, Safari, etc.) */
    -moz-osx-font-smoothing: grayscale; /* Para navegadores Firefox no macOS */
    font-smooth: never; /* Para outros navegadores */
}
hr {
    border-color: #d9d9d9;
}

.atualheader {
    background: url(../imgsite/v.gif) repeat-x 0 0;
    width: 100%;
}

    .atualheader .container {
        padding-top: 0!important;
        margin-top: 0!important;
    }



#topo {
    background: url(../imgsite/mundo.jpg) no-repeat 60% top;
    overflow: hidden;
    position: relative;
}

    #topo h2 {
        font-family: PNxbold;
        position: absolute;
        top: 40px;
        left: 0;
        color: #808183;
        font-size: 15px;
        text-transform: uppercase;
    }




#servicos-topo {
    list-style: none;
    float: right;
    margin-right: 16px;
    margin-top: 20px;
}

    #servicos-topo li {
        float: left;
        margin-left: 4px;
    }

        #servicos-topo li a {
            display: block;
        }

    #servicos-topo .lst-01 a {
        background-image: url(../imgsite/eua.png);
        background-repeat: no-repeat;
        width: 53px;
        height: 34px;
    }

    #servicos-topo .lst-02 a {
        background-image: url(../imgsite/espanha.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 32px;
    }

    #servicos-topo .lst-03 a {
        background-image: url(../imgsite/brasil.png);
        background-repeat: no-repeat;
        width: 51px;
        height: 33px;
    }

.box-busca form {
    margin-top: 15px;
}

    .box-busca form input {
        font-style: italic;
    }

.btbusca {
    background: #555;
    color: #fff;
}

.navbg {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    background: url(../imgsite/menu.png) repeat-x;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
}

    .navbg .offcanvas-body, .navbg .offcanvas-header {
        background: #24299b;
        color: #fff;
    }




.navbar-default {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    /*margin-top: 4px!important;*/
    background-color:aliceblue;
    position: relative;

}

.navbar-brand {
    padding: 0px;
    position: relative;
}

    .navbar-brand > img {
        height: 86px;
        width: 155px;
        position: absolute;
        left: -13px;
        top: -75px;
    }

.navtopo {
    margin-left: 155px;
}

.navbar-default {
    background-color: #24299b;
    border-color: #6669a7;
}

    .navbar-default .navbar-brand {
        color: #ffffff;
    }

        /*.navbar-default*/
        .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #acb0fb;
        }

    .navbar-default .navbar-text {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 11pt;
    }

.nav > li > a {
    padding: 16px 10px;
    font-family: 'proxima_regular';
}

.dropdown-menu > li > a {
    font-size: 10pt;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #acb0fb;
}

.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #24299b;
}

    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
            color: #acb0fb;
            background-color: #6669a7;
        }

    .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
        background-color: #6669a7;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #acb0fb;
    background-color: #6669a7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #acb0fb;
    background-color: #6669a7;
}

.navbar-default .navbar-toggler {
    color: #ffffff;
    border-color: #6669a7;
}

    .navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {
        background-color: #6669a7;
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 0;
    }

    .navbar-default .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

    .navbar-default .navbar-link:hover {
        color: #acb0fb;
    }

.dropdown-header {
    color: #6669a7;
    text-transform: uppercase;
}

.dropdown-menu-yamasa {
    background: rgba(0,0,0,0.8)!important;
    color: white;
    border: 1px solid white;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
@media only screen and (min-width: 999px) and (max-width: 1200px) {
    /* Suas regras de estilo para a faixa de largura desejada */

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 4px;
        padding-right: 4px;
    }
        .navbar-default .navbar-nav > li > a {
        font-size: 10pt;
    }
}
@media (max-width: 999px) {
    .navbar-brand > img {
        height: 72px;
        width: 130px;
        position: absolute;
        left: 0px;
        top: -40px;
    }

    .navtopo {
        margin-left: 130px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 10pt;
    }

    .nav > li > a {
        padding: 16px 8px;
    }
}

@media (max-width: 993px) {

    .navbar-brand > img {
        height: 72px;
        width: 130px;
        position: absolute;
        left: -11px;
        top: -80px;
    }
    .navtopo {
        margin-left: 100px;
    }

    
    .nav-item {
        padding: 0 20px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12pt;
        padding: 10px 0px ;
    }

    .navbar-default .btn-close:hover {
        color: #fff;
    }

    .nav > li > a {
        padding: 16px 6px;
    }
      /*.collapse .show*/
     .navbar-collapse {
        margin-top:20px;
        background-color:#24299b;
    }

}

@media (max-width: 767px) {

    .navbar-brand {
        padding: 0px;
    }

        .navbar-brand > img {
            height: 72px;
            width: 130px;
            position: absolute;
            left: -11px;
            top: -56px;
        }

    .header-desc-site {
        font-size: 11px;
        /* line-height: 1.3em; */
        text-transform: uppercase;
        /* margin: 55px 0 0 15px; */
        padding-top: 0px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #acb0fb;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #acb0fb;
        background-color: #6669a7;
    }

    .dropdown-menu-yamasa {
        background: rgba(0,0,0,0.2)!important;
        color: white;
        border: 1px solid white;
    }
}


.navfooter {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

/* Header topo */
#header-topo {
    /*background: url(../imgsite/v.gif) repeat-x 0 0;
    */
}

#logo-site {
    width: 166px;
}

#logo-cel {
    width: 96px;
}

.bg-logos {
    background: url(/content/imgsite/sprite-logos.png) no-repeat 0 0;
    display: block;
}

.bg-logo-site {
    background-position: -10px -10px;
    width: 166px;
    height: 94px;
    text-indent: -9999px;
}

.bg-logo-cel {
    background-position: -10px -130px;
    width: 96px;
    height: 54px;
    text-indent: -9999px;
}
/*.header-desc-site {
     font-family:PNxbold;
     margin: 60px 0 0 15px;
     color:#808183;
     font-size:15px;
     line-height: 1.3em;
     text-transform:uppercase;
}
*/
.header-desc-site {
    font-family: PNxbold;
    color: #808183;
    font-size: 15px;
    /*line-height: 1.3em;
    */
    text-transform: uppercase;
    /*margin: 55px 0 0 15px;
    
    margin-left: 170px!important;*/
    margin-left: 170px!important;
    padding-top: 30px;
}

.col-logo-toposite {
    display: table;
}

    .col-logo-toposite > h1, .col-logo-toposite > h2 {
        display: table-cell;
    }

/* Mapa mundi topo site */
.bg-mundi-topo {
    position: absolute;
    top: 20px;
    right: 25%;
    z-index: -1;
    width: 483px;
    height: 158px;
    display: block;
    background: url(../imgsite/mundo.jpg) no-repeat 60% top;
    overflow: hidden;
}



.list-idiomas-yamasa {
    width: 200px;
    margin-top: 25px;
}

.form-busca-site {
    margin-top: 18px;
    margin-bottom: 18px;
}
/*BANNER*/
.sliderhome {
    position: relative;
    padding: 30px 40px;
    background: #f3f3f3;
    border-top: #0b0d67 solid 3px;
    border-bottom: #d8d8d8 solid 1px;
    border-right: #d8d8d8 solid 1px;
    border-left: #d8d8d8 solid 1px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.carousel-yamasa {
    margin-bottom: 40px;
}

.carousel-control .bn-ant, .carousel-control .bn-prox, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 30px;
    margin-top: -15px;
    width: 81px;
    height: 49px;
    text-indent: -9999px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 15px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 15px;
}

.carousel-indicators-yamasa {
    bottom: -40px;
}

/*.carousel-indicators .active {
    background: #000669;
}*/
.carousel-indicators {
    bottom: -22px!important;
}

    .carousel-indicators li {
        border: 1px solid #6C6C6A;
    }
/* azul #000669 cinza #6C6C6A */
/*.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
}
*/
.bn-ant {
    background: url(/content/imgsite/sprite-banner.png) no-repeat -10px -10px;
}

.bn-prox {
    background: url(/content/imgsite/sprite-banner.png) no-repeat -150px -10px;
}

.prd-home-navigation {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}

    .prd-home-navigation .prev, .prd-home-navigation .next {
        position: absolute;
        cursor: pointer;
        text-indent: -9999px;
    }

    .prd-home-navigation .prev {
        left: 0;
        background: url(/content/imgsite/prev.png) no-repeat 0 0;
        width: 40px;
        height: 35px;
        display: block;
    }

    .prd-home-navigation .next {
        right: 0;
        background: url(/content/imgsite/next.png) no-repeat 0 0;
        width: 40px;
        height: 35px;
        display: block;
    }

.titulos {
    border-bottom: #0a193d solid 1px;
}

    .titulos a {
        color: #bb2a21;
        font-family: 'proxima_bold';
    }

.boxnot {
    margin-bottom: 20px;
}

#boxnothome {
    margin-top: 35px;
}

.boxnot-col {
    padding: 0 5px;
}

#boxnothome h3 {
    margin-top: 0;
}

    #boxnothome h3 a {
        text-transform: uppercase;
        color: #0b0d67;
        font-size: 17px;
        font-weight: bold;
        line-height: 1.3em;
    }

.well-chamadashome {
    border-top: 2px solid #0b0d67;
    border-radius: 0;
}

#boxdestaq {
    margin-top: 35px;
    overflow: hidden;
}

    #boxdestaq .boxd {
        position: relative;
        overflow: hidden;
        border: #d8d8d8 solid 13px;
        height: 185px;
        background: #f0f0f0;
        font-family: 'proxima_bold';
        text-align: right;
    }

        #boxdestaq .boxd span {
            float: right;
        }

.icoglobe {
    background: url(../imgsite/globe.png) no-repeat;
    margin-top: 15px;
    width: 70px;
    height: 70px;
    position: absolute;
}

.iconews {
    background: url(../imgsite/ic-news.png) no-repeat;
    margin-top: 15px;
    width: 81px;
    height: 65px;
    position: absolute;
}

.icoferramenta {
    background: url(../imgsite/ferramenta.png) no-repeat;
    margin-top: 15px;
    width: 78px;
    height: 77px;
    position: absolute;
}

.txtbox {
    margin-top: 60px;
    display: block;
    color: #0b0d67;
    text-transform: uppercase;
    /*font-size: 50px;
    */
    line-height: 2.6em;
}
/*.txtbox small {
     font-size: 24px;
}
*/
.f24 {
    font-size: 24px;
}

.f50 {
    font-size: 50px;
    clear: both;
    display: block;
}
/* Yamasa acontece */
.list-jornais {
    list-style: none;
    padding: 0 15px;
}

    .list-jornais > li {
        margin-bottom: 40px;
    }

        .list-jornais > li a img {
            min-height: 370px;
        }

        .list-jornais > li .caption h3 {
            margin: 10px auto;
        }

            .list-jornais > li .caption h3 a {
                font-size: 10px;
                color: #0b0d67;
                text-decoration: none;
            }
/* Helpers */
.yamasa-container {
    margin-bottom: 20px;
}

.thumbnail-prod-img {
    border-radius: 0;
    margin-bottom: 0;
    max-width: 319px;
    max-height: 153px;
    height: 153px;
    vertical-align: middle;
    overflow: hidden;
}

.ym-lst-prod-img {
    border: 12px solid #d8d8d8;
}
.ym-lst-prod-img img {
    width:100%;
}

.ym-lst-prod-desc {
}

    .ym-lst-prod-desc .tit-produto-item {
        line-height: 0.8em;
        margin: 10px auto 25px auto;
    }

        .ym-lst-prod-desc .tit-produto-item a {
            font-size: 1.0rem;
            color: #0b123e;
            font-weight: bold;
            text-decoration:none;
        }
            .ym-lst-prod-desc .tit-produto-item a:hover {
                color:#777;
            }

#titulo-paginas {
    padding: 35px 0;
    background: #9F9F9F;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.titulo-paginas {
    margin: 0 auto;
    color: white;
    font-size: 24px;
    text-shadow: 1px 2px 1px rgba(107, 107, 107, 1);
    font-family: "proxima_bold", Arial, sans-serif;
}

.hr-titulo-paginas {
    margin: 0 auto 20px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #9f9f9f;
}

.titulo-yamasa-acontece {
    font-size: 30px;
    color: #0b0d67;
}

.txt-link-prd {

}
.titulo-produto {
    color: #0b0d67;
}

    .titulo-produto .tit-capacidade {
        font-size: 0.6em;
    }

.titulo-paginas .tit-txtwhite {
    color: white;
}

.pg-header-yamasa {
    border-bottom: 1px solid #bcbcbc;
}

.titulo-produto-yamasa {
    color: #0b0d67;
    font-weight: bold;
}
/* Notícias */
.noticia-titulo {
    color: #0b0d67;
}

.noticia-sinopse {
    font-weight: bold;
    color: #808183;
    line-height: 1.3em;
}

.noticia-dtpub {
    margin: 20px auto;
}

.noticia-header {
    margin-bottom: 40px;
}

.noticia-conteudo > p {
    font-size: 17px;
    /*font-size: 1.2494em !important;
    */
}
/*Contato*/
.pg-header-contato {
    margin-bottom: 30px;
}

#mapa-contato {
    margin-bottom: 20px;
    padding:0;
}

.list-ym-contato {
    font-size: 1.1em;
    color: #0b0d67;
}

    .list-ym-contato > li {
        margin-bottom: 15px;
    }

        .list-ym-contato > li i.fa {
            display: inline-block;
            vertical-align: middle;
            font-size: 1.1em;
        }

        .list-ym-contato > li span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
        }
/*Buttons*/
.btn-yamasa {
    background: #0b0c69;
    color: white;
    padding: 5px 20px;
    font-weight: bold;
}
/*.btn-yamasa.active, .btn-yamasa.focus, .btn-yamasa:active, .btn-yamasa:focus, .btn-yamasa:hover, .open > .dropdown-toggle.btn-yamasa {
     background: #d8d8d8;
}
*/
.error {
    color: red;
}

.hr-jornal {
    margin: 25px auto;
}

.img-thumb-moldura {
    border-radius: 0;
    padding: 0;
    border: 0;
}

.titulo-prod-home {
    /*font-size: 1.2em;*/
    color: #0b0d67;
    font-weight: bold;
    font-size: 0.8rem;
    text-decoration:none;
}

    .titulo-prod-home:hover {
        color: #808183;
    }

.a-ym {
    display: block;
    color: #808183;
    text-decoration:none!important;
}

.page-header-homenot {
    color: #bb2a21;
    font-family: "proxima_bold";
    border-bottom: 1px solid #0a193d;
}

    .page-header-homenot h2 {
        margin-bottom: 0;
        position: relative;
    }
    .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.a-noticiashome {
    font-size: 0.6em;
    color: #0b0d67;
    text-decoration: none;
}

.label-yamase {
    padding: 0 10px;
    background: none;
    color: #0b0d67;
    border: 1px solid #0b0d67;
}

.img-topo-inst {
    margin-bottom: 20px;
}

.titulo-prod-acessorios a {
    font-size: 20px;
    color: #04066C;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}

    .titulo-prod-acessorios a:hover {
        color: #808183;
    }

.tteditor-produto {
    color: #0b0d67;
    text-transform: uppercase;
    font-weight: bold;
}

.tteditor-institucional {
    font-weight: bold;
}

.link-allnews-content {
    position: absolute;
    bottom: 0;
    right: 0;
}

    .link-allnews-content a {
        color: #0b0d67;
        text-decoration: none;
    }

.link-icon-news {
    border: 1px solid #0b0d67;
    border-radius: 2px;
    padding: 2px 8px;
    color: #0b0d67;
    font-size: 0.8em;
}
/* Noticias */
.txt-noticias-container {
}

    .txt-noticias-container p a {
        display: block;
    }

.tt-noticias {
    font-size: 0.7em;
    line-height: 1.3em;
    color: #04066C;
    font-weight: bold;
    text-decoration: none !important;
    display: block;
    text-transform: uppercase;
}

    .tt-noticias:hover {
        color: #808183;
    }

.desc-noticias {
    color: #909090;
}
/* PAGINACAO */
.pagination {
    font-size: 1.4em;
}

    .pagination > li > a, .pagination > li > span {
        color: #000000;
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        background: #0D57B0;
        color: white;
    }

#owl-prd-home .item {
    margin: 10px;
}

    #owl-prd-home .item img {
        display: block;
        width: 100%;
        height: auto;
    }
#owl-prd-home .item a {
    text-decoration:none;
}

/* Autocomplete */
.ui-corner-all {
    -moz-border-radius: 4px;
}

.ui-widget-content {
    /*border: 5px solid black;
     color: #da251c;
    */
    background-color: white;
    -webkit-box-shadow: 3px 3px 3px 4px rgba(111,111,111,0.3);
    box-shadow: 3px 3px 3px 4px rgba(111,111,111,0.3);
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}

.ui-autocomplete {
    cursor: pointer;
    position: absolute;
}

.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .ui-menu .ui-menu-item a {
        display: block;
        padding: 3px;
        text-decoration: none;
        cursor: pointer;
        background-color: white;
    }

        .ui-menu .ui-menu-item a:hover {
            display: block;
            padding: 3px;
            text-decoration: none;
            color: #da251c;
            cursor: pointer;
            background-color: #ccc;
        }

.ui-widget-content a {
    /*color: #e7e7e7;
    */
}
/*################################# INTERNAS #################################*/
.faixa {
    background: url(../imgsite/titu.gif) repeat-x;
    /*background: #9F9F9F;
    */
    width: 100%;
    height: 107px;
    margin-bottom: 20px;
}

    .faixa h2 {
        text-transform: uppercase;
        color: #f0f0f0;
        font-family: 'proxima_bold';
        font-size: 24px;
        line-height: 75px;
        text-shadow: 1px 2px 1px rgba(107, 107, 107, 1);
    }
/*################################# RODAPE #################################*/
#social {
    background: url(../imgsite/social.png) repeat-x;
    width: 100%;
    padding-bottom: 4px;
    padding-top: 4px;
}

    #social .container .row div a {
        color: #fff;
        line-height: 20px;
        margin-top: 4px;
    }

    #social .container .row div {
        height: 24px;
    }

    #social .iconspace {
        margin-right: 16px;
    }

    #social .fa-facebook-square {
        font-size: 20px;
    }

    #social .fa-youtube-square {
        font-size: 20px;
    }

    #social .fa-skype {
        font-size: 20px;
    }

    #social .fa-linkedin {
        font-size: 20px;
    }

    #social .fa-instagram-square {
        font-size: 20px;
    }

    #social .fa-whatsapp-square {
        font-size: 20px;
    }

    #social .fa-twitter-square {
        font-size: 20px;
    }

footer {
    background: #2a2d97 url(../imgsite/rdp.png) repeat-x;
    padding-bottom: 20px;
}

    footer div small {
        color: #fff;
        font-size: 12px;
    }

.txt-clr-white {
    color: white;
}
/* Busca */
#ul-busca-container {
}

    #ul-busca-container > .li-busca-container {
        clear: left;
        margin-bottom: 30px;
        overflow: hidden;
        position: relative;
    }

.li-busca-titulo {
    margin-bottom: 0;
}

    .li-busca-titulo a {
        color: #039;
        font-weight: bold;
        font-size: 16px;
        text-decoration: none;
        outline: none;
    }

        .li-busca-titulo a:hover {
            text-decoration: underline;
            color: #1a0dab;
            outline: none;
        }

.li-busca-container article .p-small {
    font-size: 0.8em;
    margin: 0 auto;
    text-transform: uppercase;
    color: #808183;
}

.li-busca-img {
    float: left;
    margin-right: 10px;
}

.li-busca-sinopse {
    color: #71777d;
}

.linkbusca {
    font-size: 11px;
    color: #006d21;
}
/* Templates editor */
/* figure */
.editor-figure {
    display: inline-block;
    /*display: inline-block;
     display: table;
    */
}

.editor-figure-container {
    border: 13px solid #d8d8d8;
    position: relative;
    margin: 0 0 1.1em;
    /*border-top: 1px dotted #0098d8;
     border-bottom: 1px dotted #0098d8;
    */
}

    .editor-figure-container a {
        text-align: center;
        border-radius: 0;
    }

        .editor-figure-container a img {
            margin: 0 auto;
        }

.pull-right .editor-figure-container {
    margin-left: 20px;
}

.pull-left .editor-figure-container {
    margin-right: 20px;
}

.editor-figure-container dt {
    margin-top: .75em;
}
/* to check: ?? do I mean dl? */
.editor-figure-container dd {
    margin-left: 0;
    padding-left: 0;
}

.editor-figure-container .wysiwygImgPequena img, .editor-figure-container .wysiwygImgGrande img
/*.editor-figure-container iframe*/ {
    margin: 0.2em auto;
}

.editor-figure-container iframe, .editor-figure-container object {
    /*border: 0 none;
     bottom: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
    */
    min-height: 100%;
    /*width: 100%;
    */
    padding: 0;
    margin: 0 !important;
}

.editor-figure-container blockquote {
    margin: 1.5em 0px .2em -1.5em;
}

.editor-figure-container ul, .editor-figure-container ol {
    margin: .2em 0 .2em 2em;
}
/*.editor-figure-container .semantic-list {
     margin-left: 0;
}
*/
.editor-figure-container li ul, .editor-figure-container li ol {
    margin: 0 0 0 1.5em;
}

.editor-figure-container p, .editor-figure-container pre {
    margin-top: .2em;
    margin-bottom: .2em;
}

    .editor-figure-container p + p {
        margin-top: 1.5em;
    }

.editor-figure-desc {
    clear: left;
    margin: .75em 0;
    text-align: center;
    font-style: italic;
    line-height: 1.5em;
    font-size: 0.9em;
}

.editor-figure-container .wysiwygImgPequena img, .editor-figure-container .wysiwygImgGrande img {
    display: block;
    max-width: 97%;
    height: auto;
    /*border: 1px solid #999;
    */
    padding: 5px;
    /*background: #fff;
    */
}

#editor-figure > img {
    width: 100%;
    height: auto;
}
/*#editor-figure {
     display: block;
     height: 0;
     overflow: hidden;
     padding: 0;
     position: relative;
}
 .editor-figure-container .editor-figure-container > img, {
     border: 0 none;
     bottom: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
*/
.fig-prod-home {
    display: block;
}

.fig-home-prods {
    margin-bottom: 0;
}
/* Produtos - Detalhes */
#produto-galeria {
    margin: 20px auto;
}

#produto-descricao {
    padding: 15px;
    background: #f3f3f3;
    border-top: 2px solid #0a193d;
    border-bottom: 1px solid #d8d8d8;
}

    #produto-descricao > h6, #produto-descricao > h5, #produto-descricao > h4, #produto-descricao > h3, #produto-descricao > h2, #produto-descricao > h1 {
        color: #0b0d67;
    }

    #produto-descricao > p {
        color: #59595b;
    }

.produto-desc-container .tteditor-produto, .produto-desc-container .embed-responsive-16by9 {
    margin-top: 10px;
}

.list-produto-opcionais > li {
    line-height: 1.8em;
}

    .list-produto-opcionais > li a {
        font-size: 18px;
        color: #0b0d67;
        font-weight: bold;
        text-decoration: none;
    }

        .list-produto-opcionais > li a:hover {
            color: #808183;
            text-decoration: none;
        }

.yamasa-imgbox img {
    position: absolute;
    left: -50%;
    top: -50%;
    width: 450px !important;
}

#ym-galeria-container {
}

    #ym-galeria-container > li {
        margin-bottom: 15px;
        /*border: 1px solid #0b0d67;
    */
    }

    #ym-galeria-container a {
        display: block;
        border: 2px solid #0b0d67;
    }

        #ym-galeria-container a img {
            /*border:2px solid #ccc;
    */
        }

    #ym-galeria-container .active {
        border: 2px solid #808183 !important;
        outline: hidden;
    }

.zoomWrapper {
    position: relative !important;
    margin: 0 auto;
}

.linhacol {
    border-top-color: #dddddd;
    border-top-style: solid;
    border-top-width: 2px;
    vertical-align: top;
    margin-bottom: 10px;
}

.linhacoltop {
    margin-top: 10px;
}

#produto-capacidades {
    margin-bottom: 20px;
}
/* Mega menu */
.lbl-prds-megamenu {
    font-weight: normal;
}

.lbl-prds-megamenu-x {
    position: relative;
}

.ck-prds-megamenu {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: -9999;
}

.lbl-filtro-produtos {
    font-size: 0.9em;
}







.sitemap {
    margin-top: 25px;
    overflow: hidden;
}

    .sitemap a {
        display: block;
        color: #fff;
        font-size: 13px;
    }

.txtmap .fa {
    color: #fff;
    font-size: 33px;
}

.txtmap {
    margin: 0 0 25px;
    display: block;
}

    .txtmap span {
        width: 330px;
        float: left;
        font-size: 14px;
        color: #fff;
    }

    .txtmap i, .txttelm i {
        width: 40px;
        float: left;
    }

.txttelm {
    font-size: 14px;
}

.logordp {
    /*background: url(../imgsite/logordp.png) no-repeat;
    width: 155px;
    height: 106px;*/
    margin-right: 20px;
}

    .logordp img {
        /*background: url(../imgsite/logordp.png) no-repeat;*/
        width: 100px;
        height: 55px;
    }

.rdpright .fa-facebook-square {
    font-size: 45px;
}

.exp-brand {
    width: 115px;
    height: 13px;
    display: block;
    background: url(../imgsite/logo-expertu.png) no-repeat 0 0;
}

    .exp-brand:hover {
        background: url(../imgsite/logo-expertu-hover.png) no-repeat 0 0;
    }
/* Popover Yamasa */
[data-style=primary] + .popover {
    background: #E74C3C;
    border-radius: 0;
}

    [data-style=primary] + .popover .popover-title {
        background-color: #FC6;
        border-radius: 0;
        color: #E74C3C;
    }

.popover {
    border-radius: 0;
}

.popover-title {
    /*background-color: #040569;
    */
    background-color: #ad1212;
    font-weight: bold;
    border-radius: 0;
    color: white;
    text-transform: uppercase;
    line-height: 1.3em;
}

.popover-content {
    position: relative;
    width: 276px;
    min-height: 150px;
}

.tit-popover-acessorios {
    color: #040569;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
}

.tit-popover-acessorios-categoria {
    color: #040569;
    font-size: 0.9em;
    font-weight: bold;
}

.ul-popover-acessorios {
    padding-left: 15px;
}

    .ul-popover-acessorios > li {
        font-size: 0.7em;
    }

.tit-popover-first {
    margin-top: 5px;
}

.popover-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: url(/content/imgsite/icon/ring.gif) no-repeat 0 0;
    margin: -60px 0 0 -60px;
}
/*Templates*-------------------------------------------------------------------------------------------------*/
.marginleft {
    margin: 0 0 20px 20px;
}

.marginright {
    margin: 0 20px 20px 0;
}

.citacao {
    padding: 46px 0 10px 0;
    background: url(/content/imgsite/aspas.png) no-repeat left 6px;
    font-size: 15px;
    font-style: italic;
    color: #838383;
    width: 350px;
    height: auto;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.cxtexto {
    padding: 10px;
    background: #f2f2f2 url(/content/imgsite/fnd_lista.jpg) repeat-x left top;
    /*width: 960px;
     height: 151px;
    */
    border: 1px solid #c9c9c9;
    display: block;
    min-height: 150px;
}

.cxfoto div {
    max-height: 142px;
    overflow: hidden;
}

.cxfoto {
    border: 1px solid #a9a9a9;
    background: #ffffff;
    width: 276px;
    height: 143px;
    padding: 2px;
    overflow: hidden;
    position: relative;
}

    .cxfoto:after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -72px 0 -138px 0;
    }

.foto300 {
    width: 300px;
    overflow: hidden;
    margin: 0 1.75em 1.1em 0;
}

.foto620 {
    width: 620px;
    overflow: hidden;
    margin: 0 1.75em 1.1em 0;
}

.legenda {
    font-size: 10px;
}

.table620horlist {
    font-size: 12px;
    background: #fff;
    margin: 0 auto;
    /*width: 620px;
    */
    border-collapse: collapse;
    text-align: left;
}

    .table620horlist th {
        font-size: 14px;
        font-weight: normal;
        color: #039;
        padding: 10px 8px;
        border-bottom: 2px solid #6678b1;
        line-height: 1.6em;
        background: none;
    }

    .table620horlist td {
        color: #669;
        padding: 9px 8px 0px 8px;
        line-height: 1.6em;
    }

    .table620horlist tbody tr:hover td {
        color: #009;
    }

.table620horlistb {
    font-size: 12px;
    background: #fff;
    margin: 0 auto;
    /*width: 620px;
    */
    border-collapse: collapse;
    text-align: left;
}

    .table620horlistb th {
        font-size: 14px;
        font-weight: normal;
        color: #039;
        padding: 10px 8px;
        border-bottom: 2px solid #6678b1;
        line-height: 1.6em;
        background: none;
    }

    .table620horlistb td {
        border-bottom: 1px solid #ccc;
        line-height: 1.6em;
        color: #669;
        padding: 6px 8px;
    }

    .table620horlistb tbody tr:hover td {
        color: #009;
    }

.table620horlistc {
    font-size: 12px;
    margin: 0 auto;
    /*width: 620px;
    */
    text-align: left;
    border-collapse: collapse;
}

    .table620horlistc thead {
        background: none;
    }

    .table620horlistc th {
        padding: 8px 2px;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.6em;
        border-bottom: 2px solid #6678b1;
        border-right: 30px solid #fff;
        border-left: 30px solid #fff;
        color: #039;
        background: none;
    }

    .table620horlistc td {
        padding: 12px 2px 0px 2px;
        border-right: 30px solid #fff;
        border-left: 30px solid #fff;
        color: #669;
        line-height: 1.6em;
    }

.table620horlistd {
    font-size: 12px;
    margin: 45px;
    /*width: 620px;
    */
    text-align: left;
    border-collapse: collapse;
}

    .table620horlistd th {
        font-size: 13px;
        font-weight: normal;
        padding: 8px;
        background: #b9c9fe;
        border-top: 4px solid #aabcfe;
        border-bottom: 1px solid #fff;
        color: #039;
    }

    .table620horlistd td {
        padding: 8px;
        background: #e8edff;
        border-bottom: 1px solid #fff;
        color: #669;
        border-top: 1px solid transparent;
    }

    .table620horlistd tr:hover td {
        background: #d0dafd;
        color: #339;
    }

.table620horlistdzebra {
    font-size: 12px;
    margin: 45px;
    /*width: 620px;
    */
    text-align: left;
    border-collapse: collapse;
}

    .table620horlistdzebra th {
        font-size: 14px;
        font-weight: normal;
        padding: 12px 15px;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        color: #039;
    }

    .table620horlistdzebra td {
        padding: 8px 15px;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        color: #669;
    }

.vzebra-odd {
    background: #eff2ff;
}

.vzebra-even {
    background: #e8edff;
}

.table620horlistdzebra .vzebra-adventure, .table620horlistdzebra .vzebra-children {
    background: #d0dafd;
    border-bottom: 1px solid #c8d4fd;
}

.table620horlistdzebra .vzebra-comedy, .table620horlistdzebra .vzebra-action {
    background: #dce4ff;
    border-bottom: 1px solid #d6dfff;
}
/*Celular adapter -------------------------------------------------------*/
@media (max-width: 767px) {
    #txt-topo-yamasa {
        position: absolute;
        top: 10px;
        left: 20px;
        color: white;
        font-weight: bold;
    }

    .header-desc-site {
        font-size: 10px;
        padding-top: 0px;
    }
}

@media (max-width: 980px) {
    .header-desc-site {
        font-size: 12px;
        padding-top: 30px;
    }
    /* #topo h2 {
         display: none;
         margin-top: 10px;
         font-size: 10px;
    }
     .navbar-default .navbar-nav > li > a {
         font-size: 12px;
         text-align: center;
         margin-right:0;
    }
     .navbar-toggler {
         background-color: transparent;
         background-image: none;
         border: 1px solid transparent;
         border-radius: 4px;
         float: right;
         margin-bottom: 8px;
         margin-right: 15px;
         margin-top: 16px;
         padding: 9px 10px;
         position: relative;
    }
     #cabecalho img {
         margin-top: 24px;
         width:90px;
    }
     #headermeio, #servicos-topo, .col-h02 {
         display: none;
    }
     .navbar-brand {
         margin: 0;
         padding: 4px
    }
     .nav > li > a {
         position: relative;
         display: block;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     */
}

@media (max-width: 767px) {
    .navtopo {
        margin-left: 0px;
    }

    .nav-item {
        padding: 0 20px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        /*color: #DA251B;
         font-size: 1.1em;
         font-weight: lighter;
        */
    }

     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: white;
            background-color: transparent;
        }
}

@media (max-width: 361px) {
    .f50 {
        font-size: 36px;
    }

    .f24 {
        font-size: 16px;
    }

    .list-ym-contato > li span {
        font-size: 0.8em;
    }
}
/*Celular adapter ---------------------------------------------------*/
/* Media Queries */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 641px) {
    .navbar-header-yamasa {
        /*-webkit-box-shadow:inset 0 -18px 8px -5px rgba(185,185,185,0.5);
         box-shadow:inset 0 -18px 8px -5px rgba(185,185,185,0.5);
        */
        /*-webkit-box-shadow:inset 0 -5px 10px 2px rgba(200,200,200,0.5);
         box-shadow:inset 0 -5px 10px 2px rgba(200,200,200,0.5);
        */
    }

    .navbar-toggle-yamasa {
        color: white;
        font-weight: bold;
        font-size: 1.4em;
    }
    /*.navbar-yamasa {
         border: 0;
    }
    */
    .footer {
        text-align: center;
    }

    .txtmap span {
        float: none;
    }

    .ft-info-end {
        text-align: center;
    }
    /* Imagem moldura editor */
    #editor-figure {
        float: none;
    }

        #editor-figure .editor-figure-container {
            margin: 0 0 20px;
        }

    #boxdestaq .boxd {
        margin-bottom: 20px;
    }

    #menu-yamasa .navbar-na-ul-yamasa {
        width: auto;
    }

        #menu-yamasa .navbar-na-ul-yamasa > li, #menu-yamasa .navbar-na-ul-yamasa > li > a {
            display: block;
        }

    .dropdown-menu-yamasa {
        /*text-align: center;
        */
    }

    .boxnot-col {
        padding: 0 15px;
    }

    .editor-figure {
        display: inline-block;
    }

    #editor-figure {
        float: none !important;
    }

    .navbar-nav .open .dropdown-menu {
        /*color: white;
         background-color: #333;
        */
    }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /*.boxnot-col {
         padding: 0 15px;
    }
    */
    .editor-figure {
        display: block;
    }

        .editor-figure .editor-figure-container img {
            margin: 0 auto;
        }

    .linhacoltop {
        margin: 0 0 10px 0;
        border-bottom: 2px solid #ad1212;
    }

    .linhacol {
        border-top: 0;
        border-bottom: 2px solid #dddddd;
    }
    /*#editor-figure {
         float: inherit !important;
    }
    */
    .editor-figure-container iframe, .editor-figure-container object {
        max-width: 100%;
    }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 321px) {
    .boxnot-col {
        padding: 0 15px;
    }

    .editor-figure {
        display: block;
    }

    .linhacoltop {
        margin: 0 0 10px 0;
        border-bottom: 2px solid #ad1212;
    }

    .linhacol {
        border-top: 0;
        border-bottom: 2px solid #dddddd;
    }

    .editor-figure-container iframe, .editor-figure-container object {
        margin: 0 auto;
        max-width: 305px;
    }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 640px) {
    /*.editor-figure {
         display: inline-block;
    }
    */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /*.navbar-yamasa .navbar-nav > li > a {
         font-size: 0.8em;
    }
    */
    .editor-figure {
        display: block;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .header-desc-site {
        margin: 55px 0 0 0;
        color: #000;
        text-shadow: 2px 2px 2px #fff;
        padding-top: 0px;
    }

    .navbar-yamasa .navbar-nav > li > a {
    }

    .editor-figure {
        display: block;
    }
    /* STYLES GO HERE */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .header-desc-site {
        margin: 20px 0 0 0;
        color: #fff;
        text-shadow: 2px 2px 2px #000000;
        padding-top: 0px;
    }

    .navbar-yamasa .navbar-nav > li > a {
        font-size: 0.5em;
    }

    #ym-galeria-container a {
        display: inline-block;
    }

    .linhacoltop {
        margin: 0 0 10px 0;
        border-bottom: 2px solid #ad1212;
    }

    .linhacol {
        border-top: 0;
        border-bottom: 2px solid #dddddd;
    }



    /* STYLES GO HERE */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .editor-figure {
        display: inline-block;
    }
    /* STYLES GO HERE */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* STYLES GO HERE */
}
/* iPhone 5 (portrait &
 landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    /* STYLES GO HERE */
}
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /* STYLES GO HERE */
}
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    /* STYLES GO HERE */
}

.txt-animation {
    animation: go-back 1s infinite alternate;
}

@keyframes go-back {
    from {
        transform: translateX(30px);
    }

    to {
        transform: translateX(0);
    }
}

.smoothscroll-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99;
    background-color: #fd2014;
    color: #fff;
    width: 47px;
    height: 44px;
    line-height: 44px;
    right: 25px;
    bottom: -25px;
    padding-top: 2px;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    transition-delay: .2s;
}

    .smoothscroll-top:hover {
        background-color: #24299a;
        color: #fff;
        transition: all .2s ease-in-out;
        transition-delay: 0;
    }

    .smoothscroll-top.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1;
        bottom: 25px;
    }

    .smoothscroll-top i.fa {
        line-height: inherit;
    }


#wr-privacidade {
    margin-left: 15px;
    margin-right: 15px;
}

    #wr-privacidade ul {
        margin-left: 30px;
    }

    #wr-privacidade * {
        font-size: 12px;
    }

    #wr-privacidade h1 {
        font-size: 14px;
        font-weight: bold;
    }

#myprivacidade {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.textprivacidade, .textprivacidade * {
    font-size: 12px;
}

/*@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.6);
    }
}*/

/*#openwhatsapp {
    color: #fff;
    text-decoration: none;
}

    #openwhatsapp .btnwhats {
        font-size: 35px;
    }*/

/*.btnWhatsApp {
    border-radius: 50px;
    inset: auto 40px 40px auto;
    margin: 0px;
    position: fixed;
    z-index: 19000;
    box-shadow: rgba(0, 0, 0, 0.15) 2px 0px 6px 0px;
    float: none;
    background-color: #333;
    vertical-align: text-bottom;
    display: inline-block;
    cursor: pointer;
}

.notification-bubble-count {
    font-weight: 400;
    font-family: 'proxima nova bold';
    vertical-align: middle;
    color: rgb(255, 255, 255);
    white-space: normal;
}

.notification-bubble {
    position: absolute;
    border-radius: 50px;
    width: 33px;
    height: 33px;
    box-sizing: content-box;
    background-color: #25d366;
    top: -100px;
    left: -36px;
    padding: 10px;
    margin-left: 0px;
    margin-top: 0px;
}

    .notification-bubble::before {
        content: "";
        position: absolute;
        top: 3px;
        left: 4px;
        width: 50px;
        height: 50px;
        background-color: #bb2a21;
        border-radius: 100%;
        z-index: -1;
        animation: pulse 2s infinite;
        will-change: transform;
    }*/
.iteration {
    position: fixed;
    bottom: 80px;
    right: 25px;
    height: 50px;
    width: 50px;
}

.btn-iteration {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: rgb(214, 25, 25);
    fill: rgb(255, 255, 255);
    border: 0px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 14px;
    cursor: pointer;
    transition: color 0.2s ease 0s, background 0.2s ease 0s;
}

    .btn-iteration:hover {
        color: rgb(255, 255, 255);
        background: rgb(155, 7, 7);
        fill: rgb(255, 255, 255);
    }

    .btn-iteration .btnopen {
        display: block;
        height: 30px;
        width: 22px;
        margin: auto;
    }

    .btn-iteration .btnclose {
        display: none;
        height: 20px;
        width: 20px;
        margin: auto;
        fill: rgb(255, 255, 255);
    }

.interations-btns {
    height: 200px;
    width: 50px;
    position: absolute;
    top: -260px;
    display: none;
    fill: rgb(255, 255, 255);
}

    .interations-btns .btns-social {
        height: 40px;
        width: 40px;
        margin: 0 auto;
        border-radius: 50%;
        background: rgb(214, 25, 25);
        fill: rgb(255, 255, 255);
        position: relative;
        margin-top: 10px;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    }

        .interations-btns .btns-social svg {
            height: 22px;
            width: 22px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }


    .interations-btns .btn-linkedin {
        background: #0a66c2;
        transition: background 0.2s ease 0s;
    }

        .interations-btns .btn-linkedin:hover {
            background: #0d3761;
        }

    .interations-btns .btn-youtube {
        transition: background 0.2s ease 0s;
        background: #c2160a;
    }

    .interations-btns .btn-facebook {
        background: #2374e1;
        transition: background 0.2s ease 0s;
    }

        .interations-btns .btn-facebook:hover {
            background: #133c64;
        }

    .interations-btns .btn-youtube:hover {
        background: #640f09;
    }

    .interations-btns .btn-whatsapp {
        transition: background 0.2s ease 0s;
        background: #4bbf57;
    }

        .interations-btns .btn-whatsapp:hover {
            background: #1b6623;
        }

    .interations-btns .btn-instagram {
        transition: background 0.2s ease 0s;
        background: #ba32bb;
    }

        .interations-btns .btn-instagram:hover {
            background: #681f68;
        }


.selectidioma a {
    margin-top: 0px!important;
    font-size: 12px;
}

.selectidioma .btn {
    padding: 0px!important;
}

.selectidioma .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #acb0fb!important;
    background-color: #6669a7!important;
}


.selectidioma .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #acb0fb;
    background-color: #6669a7;
}

#gorro-natal {
    position: absolute;
    left: 92px;
    top: -110px;
    height: 70px;
    width: 70px;
}


@media (max-width: 980px) {

    #gorro-natal {
    position: absolute;
    left: 70px;
    top: -114px;
    height: 70px;
    width: 70px;
}
}
@media (max-width: 767px) {
    #gorro-natal {
    position: absolute;
    left: 73px;
    top: -91px;
    height: 70px;
    width: 70px;
}
}
@media (max-width: 361px) {
    #gorro-natal {
    position: absolute;
    left: 79px;
    top: -87px;
    height: 60px;
    width: 60px;
}
}