@charset "utf-8";   
:root {
   --plata: linear-gradient(#969195, #F1F3F4 , #908C91 );
   --negro: #373A36;
   --gris: #D6D2C4;
   --blanco: #DDE5ED;
   --cafe: #A18269;
   --naranja: #E7CEB5;
}
body, td, th, input, select, textarea{
    font-family: 'Fira Sans', sans-serif;
    font-size:12px;
    color:#5B5B5F;
}
body{margin:0px;padding: 0px;}

h1{color:#373A36;}
h2{color:#373A36;}
h3{color:#A18269;}
h4{color:#000;}
h5{color:#000;}
h6{color:#5B5B5F;}
/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {      background: #f7f7f7;}
.zebra tr.over td { background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #373A36; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #A18269; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #626262; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}
.margin{margin: 5px;}
.clear{clear: both;}
#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #373A36; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }

/* Paddings */

.p-x{padding-left: 0px!important; padding-right: 0px!important;}
.p-y{padding-top:0px!important; padding-bottom:0px!important;}
.p-0{padding: 0px}
.p-1{padding: 1em;}
.p-2{padding: 2em;}
.p-3{padding: 3em;}
.p{
    padding: 1em;
}

.sumaPrecioMagra{
    display: none;
}

/* Tags */
p {
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}
a {
    transition: all 0.3s ease-in-out;
}
a:hover{
    text-decoration: none;
    color: var(--azul);
}
a:visited,a:active,a:focus{
    text-decoration: none !important;
}
*:focus{
    outline: none !important;
}

.blog--grid .card .header-text{
    display: none;
}
.ct-articulo-contiene-precio{
    display: none;
}
/*------------*/
section.home-section{
    padding-top: 60px;
}
.site-content {
    padding-top: 40px;
}

.site-content, .my-container{
    max-width: 1200px;
    margin: 0 auto;
}

.site-admin{
    max-width: 1200px!important;
    margin: 0 auto!important;
}
/*------------*/

.img-zoom-in,.img-zoom-out {
    overflow: hidden;
}
.img-zoom-in img,.img-zoom-out img{
    transition: all 0.3s ease-in-out;
}
.img-zoom-in:hover img{
    transform: scale(1.15);
}
.img-zoom-out img{
    transform: scale(1.15);
}
.img-zoom-out:hover img{
    transform: scale(1);
}
/* Fonts */
.text-upper{
    text-transform: uppercase;
}

.w-100{
    width: 100%;
}
.sec{padding-bottom: 2em}

/*CT*/
.ct-sidebar-mar{
    display: none;
}

/* HEADER */
header {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    transition: all .4s ease;
}
.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1em;
    background: #fff;
    box-shadow: 0 0px 20px -14px #000;
    min-height: 60px;
}
.header-content {
    justify-content: space-between;
    align-items: center;
}

.content-menu > ul{
    padding: 0;
    display: flex;
    margin: 0;
}
.content-menu > ul > li{
    list-style: none;
    width: 20%;
    position: relative;
}
.content-menu > ul > li > a{ 
    display: block; 
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1em 0.5em;
    text-align: center;
    border-right: 1px solid;
    color: #fff
}

.content-logos {
    display: flex;
    max-width: 170px;
}

.nav-brand img{
    transition: all .2s ease;
    width: 100%;
}

/*para quitar los submenus en la vista responsive*/
.social-links, .main-nav-mobile {
    display: none;
}
/*para quitar los submenus en la vista de escritorio*/
#menu-main> li > ul {
    display: none;
}

a.toogle-menu, a.toogle-search { /*boton del menu responsive*/
    color: var(--cafe);
    font-size: 25px;
    padding: 0 5px;
    line-height: 1;
}
.icons-header{
    display: flex;
}
.mm-menu {
    background: var(--cafe);
    border-color: var(--negro);
    color: rgb(255, 255, 255);
    font-size: 14px;
}
.mm-navbar {
    background: var(--negro);
}
ul.mm-listview {display: block !important;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
}
.mm-menu .mm-listview .mm-btn_next::after {
    border-color: rgb(255, 255, 255);
}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: rgb(255, 255, 255);
}
.mm-menu .mm-listview a:not(.mm-btn_next){
    padding: 8px 10px 8px 20px;
}
.navbar-header{
    display: none;
}
.mm-navbars_bottom > div {
    height: 40px;
}
.mm-navbars_bottom > div >a {padding: 5px;}

.epayco-movil {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.epayco-movil > a {
    display: block;
    width: 100px;
    height: 32px;
    background-image: url(http://www.pagegear.co/es/dominios/magra.pagegear.co/plantillas/2019/recursos/pay.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-icon {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #fff;
    border: 1px solid;
    font-size: 18px;
    text-shadow: 0px 0px 0px #000;
}

/* Slider Home */
.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 50;
    color: #fff;
    font-size: 20px;
    padding-top: 0px;
    line-height: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: rgba(255, 255, 255, 0.4);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin: 0 25px;
}
#slider-marcas .slick-slide img {
    display: block;
    height: 100px;
    object-fit: contain;
}

#slider-marcas .slick-arrow {
    background: var(--negro);
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}
.slick-arrow:hover{
    background: var(--negro);
    color: #fff;
}

/*dots slider*/

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid var(--cafe);
    border-radius: 100%;
    background-color: #fff;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: var(--cafe);
}

/*Searcher*/
.searcher {
    position: fixed;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    padding: 15px;
    z-index: 101;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transform: translateY(-100%);
}
.search-content {
    width: 100%;
    max-width: 400px;
}
.search-content form {
    display: flex;
    border-bottom: 2px solid var(--negro);
    transition: opacity .3s ease .4s;
    opacity: 0;
}
.search-content form input {
    background: none;
    border: none;
    color: #000;
    font-size: 22px;
    font-weight: 200;
    outline: none;
    box-shadow: none !important;
}
.search-content form button {
    background: none;
    border: none;
    color: var(--negro);
    font-size: 22px;
}
.search-content-active {
    transform: translateY(0%);
}
.search-content-active .search-content form  {
    opacity: 1;
}
.close-searcher {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 14px;
    font-size: 30px;
    color: var(--negro) !important;
}

/*section slider home*/

.home{position: relative;}

.content-info {
    background: #0000006b;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 500px;
    padding: 5px 3em;
    color: #fff;
    text-shadow: 1px 1px 3px #000000bd;
    text-align: center;
}
.tittle-banner{
    font-size: 15px;
    line-height: 1em;
}
.detalles-banner{
    font-size: 13px;
    line-height: 1em;
    padding-top: 10px;
}

a.btn-banner {
    display: block;
    width: 117px;
    height: 29px;
    background: var(--naranja);
    color: #fff;
    border-radius: 35px;
    text-align: center;
    line-height: 2;
    text-shadow: 1px 1px 5px #000;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

/*section categorias*/

.content-categorias {
    max-width: 385px;
    width: 100%;
    margin: auto;
}

.btn-cate {
    width: 100%;
    background: var(--cafe);
    height: 43px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0.5em 0;
    position: relative;
    padding-right: 25px;
    border: none;
}

.btn-cate:after {
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    right: 10px;
}

.cate {
    display: flex;
    height: 63px;
    margin: 0.3em 0;
    align-items: center;
    border-radius: 30px;
    padding-left: 5px;
}
.img-cate {
    max-width: 53px;
    width: 100%;
    background: #ececec;
    border-radius: 100%;
}
.img-cate > img {
    height: 53px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #979797;
}

/*title sections*/

.title-section {
    display: flex;
    justify-content: center;
    margin: 0 0 2em 0;
}

.title-section > h2{
    margin: 0;
    padding: 0 1em;
    color: var(--negro);
    text-align: center;
}

.title-section > h2:after {
    content: '';
    display: block;
    height: 3px;
    background: var(--naranja);
    width: 72%;
    margin: 20px -30px 0 auto;
}

/*section blog*/

.content-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.blog {
    display: block;
    max-width: 392px;
    max-height: 285px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    margin: 1em;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 19px -14px #000;
    border-bottom: 4px solid var(--gris);
}

.blog > div {
    height: 100%;
    width: 100%;
}

.content-text-blog {
    position: relative;
    height: 99px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.text-blog {
    position: absolute;
    width: 90%;
    background: #fff;
    left: 0;
    right: 0;
    margin: auto;
    top: -25px;
    border-radius: 8px 8px 0 0;
    padding: 0.5em 0.5em 0 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 89px;
    overflow: hidden;
}

h3.tittle-blog {
    margin: 0;
    font-size: 14px;
    color: #1d1d1d;
    text-align: center;
}

.datos-blog {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #5a6169;
    width: 100%;
    justify-content: center;
}

.datos-blog > div {
    width: 44%;
    text-align: center;
}

.sub-blog {
    font-size: 12px;
    text-align: center;
    width: 88%;
    color: #1d1d1d;
    line-height: 1em;
}

.btn-ir-block {
    background: var(--cafe);
    color: #fff;
    width: 111px;
    height: 21px;
    border-radius: 30px;
    margin: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*section contacto*/

h2.title-contac {
    font-size: 25px;
    color: #fff;
    text-align: center;
}
.content-pagina .embed-responsive{
    height: 233px;
    max-width: 319px;
    margin: auto;
    padding: 0;
    border-radius: 15px;
}
.content-pagina div.cbp-block > div{padding-top: 15px;} 
.content-pagina div.cbp-block > div > p > i{padding-right: 5px;}
.content-pagina div.cbp-block{padding: 0;}
.content-pagina div.cbp-block > div > p{
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0;
}
.content-pagina {margin: 1em 0;}

/*formulario*/

div.form-home {
    background: #5c5c5c;
    color: #fff;
    border-radius: 10px;
    margin: 1em auto;
    padding: 1em 2em;
    max-width: 535px;
    width: 100%;
}

.form-home div[class*="col-md-12 form-group F6_item_"] > label {
    display: none;
}
.form-home .col-md-12.form-group.F6_item_5 {
    width: 49%;
    float: right;
}
.form-home .col-md-12.form-group.F6_item_7 {width: 49%;}
.form-home .col-md-12.form-group.F6_item_9 > div{display: flex;}
.form-home label[for="captcha_code_sign_input"] {display: none;}
.form-home .col-md-12.F6_item_2 > div > div > p, 
.form-home .col-md-12.F6_item_2 > div > div > h3{color: #fff}


/*footer*/

.footer{
    background: var(--blanco);
}
.poner, .footer-bottom{
    padding: 1em;
    border-top: 3px solid #fff;
}

.menu-1 > ul{
    padding: 0!important;
    list-style: none;
}

.menu-1 > ul > li > a{font-size: 12px; color:#545454}
h3.footer-tittle {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color:  var(--negro)
}
.menu-1 > ul > li{
    text-align: center;
    margin-bottom: 5px;
}
.page-1 > div.cbp-block > div > p {
    text-align: center!important;
    margin-bottom: 5px;
    font-size: 13px;
    word-break: break-all;
}
.footer-text{font-size: 15px;}
.footer-text > a{color: #000}
.footer-bottom > div > div > a {
    color: #fff;
    font-size: 12px;
}
.bar-social {
    display: flex;
    justify-content: center;
}

.bar-social > a {
    display: flex;
    height: 30px;
    width: 30px;
    margin: 5px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    color: var(--negro);
    font-size: 20px;
    border: 2px solid var(--negro);
}

/*SECTION PRODUCTOS DESTACADOS*/

.pro-img{
    width: 150px;
    height: 150px;
}
.pro-img > img{
    height: 100%;
    object-fit: contain;
}

.producto {
    width: 272px;
    height: 362px;
    border: 2px solid #ECEBED;
    display: flex;
    margin: 1em;
}

.producto-main {
    width: 190px;
    height: 328px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: auto;
    position: relative;
}

h3.pro-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #201F1F;
    margin: 5px 0 6px 0;
}

p.pro-refe{
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #8a8f93;
    font-weight: 300;
}

.pro-canti > input {
    width: 40px;
    height: 21px;
    font-size: 12px;
    text-align: center;
}

.pro-canti > span {
    font-size: 15px;
    padding-left: 6px;
    color: #636363;
}

span.pro-valor {
    display: block;
    font-size: 22px;
    color: var(--cafe);
    padding-top: 17px;
}

.pro-btn > a {
    display: flex;
    width: 190px;
    height: 35px;
    background: var(--negro);
    border-radius: 6px;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
    margin-top: 16px;
}

.pro-btn {
    position: absolute;
    bottom: 0;
}

.page-1 > div > div {
    padding: 0;
}
.main{
    transition: all .3s ease; 
}
.transform{
    transform: translateY(-41px);
}

.icon-desk, .pay{display: none;}


#cat ul.submenu {
    position: absolute;
    background: aliceblue;
    list-style: none;
    padding: 0;
    min-width: 214px;
    padding: 5px;
}

h2.content-box-title {
    color: var(--negro);
}

/*efectos*/

.content-logos,
.header-top,
.btn-search2,
a#carrito,
a.btn-banner,
.bar-social > a,
.producto{
    transition: all .3s ease;
}
.fixed .content-logos{max-width: 390px ;}
.fixed .header-top {height: 40px;}
ul.menu_catalogo > li > a:hover, button.btn-search2:hover {color: var(--negro);}
.login > a:hover, .logout > a:hover {text-decoration: underline!important;}
a#carrito:hover, a.btn-banner:hover {transform: scale(1.1);}
a.cate:hover {background: var(--gris)}
.producto:hover {box-shadow: 0px 16px 52px rgba(44, 43, 43, 0.20);}
a.blog:hover {transform: scale(1.05);}
.bar-social > a:hover {background: var(--naranja);}

.detalles-item-cart {
    padding-right: 2em;
}
.submit{cursor: pointer;}

.escritorio{display: none;}

.img-marca {
    width: 100%;
    max-width: 200px;
    object-fit: contain;
}



.ct_precio span{
  color: var(--cafe)!important;      
}
.ct-articulo-boton {
    background: var(--negro)!important;
}
.ct-articulo-btn-comprar {
    background: var(--cafe)!important;
}

.ct-articulo-btn-comprar:before {
    background: var(--negro)!important;
}
.sum {
    color: var(--negro)!important;
}
ul.padre > li.li.active > a {
    border-bottom: 3px solid var(--negro)!important;
    color: var(--negro)!important;
}
.ct-anexos > div > div > span {
    color: var(--cafe)!important;
}
.ct-articulo-boton:before {
    background: var(--cafe)!important;
}



/* Media Queries */
@media (min-width: 500px) {

    .content-info {
        background: transparent;
        max-width: 1200px;
        text-align: left;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
        padding: 0 4em;
    }

    a.btn-banner {
        margin: 10px 4em;
    }

    .content-info > div {
        max-width: 350px;
        width: 100%;
    }

    body, td, th, input, select, textarea{
        font-size:14px;
    }

    .content-logos {
        max-width: 250px;
    }
    
}

@media (min-width: 768px){

    /*unit titulos*/

    .title-section > h2 {
        font-size: 20px;
    }

    .tittle-banner {
        font-size: 40px;
        line-height: 1;
    }

    .detalles-banner {
        font-size: 18px;
    }

    .form-home .col-md-12.F6_item_2 > div > div > p{font-size: 15px}
    .form-home .col-md-12.F6_item_2 > div > div > h3{font-size: 21px}

    .content-pagina div.cbp-block > div > p {
        line-height: 22px;
        font-size: 16px;
    }

    h3.footer-tittle {
        font-size: 17px;
    }

    /*fin titulos*/

    .content-info > div {
        max-width: 400px;
        width: 100%;
    }

    .btn-banner {
        width: 154px;
        height: 46px;
        line-height: 3;
    }

    body, td, th, input, select, textarea{
        font-size:16px;
    }

    .btn-cate:after{display: none;}
    .btn-cate{padding-right: 0}

    a.btn-banner {
        position: relative;
        margin: 15px auto 0 0;
    }
    div.form-home {margin: 15px auto;}

    .content-pagina {
        max-width: 610px;
        width: 100%;
        margin: 0 auto 15px auto;
    }

    .content-pagina div.cbp-block > div > p{
        text-align: left;
    }

    .esm{padding-top: 4em}
}

@media (min-width: 992px){

    section.home-section{
        padding-top: 185px;
    }

    .header-top {
        box-shadow: none!important;
    }

    .escritorio{display: block;}
    
    /*unit titulos*/
    .pay{display: block;}

    .title-section > h2 {
        font-size: 35px;
    }

    .tittle-banner {
        font-size: 60px;
        line-height: 1;
    }

    .detalles-banner {
        font-size: 21px;
    }

    .form-home .col-md-12.F6_item_2 > div > div > p{font-size: 15px}
    .form-home .col-md-12.F6_item_2 > div > div > h3{font-size: 21px}

    .content-pagina div.cbp-block > div > p {
        line-height: 22px;
        font-size: 16px;
    }

    h3.footer-tittle {
        font-size: 17px;
        text-align: left;
    }

    /*fin titulos*/

    .site-content {
        padding-top: 220px;
    }

    .content-info > div {
        max-width: 450px;
        width: 100%;
    }

    .responsive {
        width: 20%;
    }

    .page-1 > div.cbp-block > div > p , .menu-1 > ul > li{
        text-align: left!important;
    }

    .last{
        height: 228px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sec {
        padding-bottom: 4em;
    }

    /*MENU ESCRITORIO*/

    .header-content {
        display: flex;
        flex-direction: column-reverse;
        justify-content: initial;
        align-items: initial;
    }
    .navbar-header{
        display: block;
        background: #fff;
        width: 100%;
        border-top: 1px solid #ECEBED;
        box-shadow: 0 1px 20px -16px #000;
    }
    .content-info-header{
        position: relative;
        z-index: 100;
    }
    .submenu_catalogo, .toogle-search{display: none;}

    .main-nav ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .main-nav > ul{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .main-nav ul li a {
        display: block;
        text-align: left;
        font-size: 12px;
        padding: 15px 5px;
        color: #201F1F;
        text-transform: uppercase;
        transition: all .3s ease;
    }
    ul.submenu, ul.submenu_catalogo  {
        position: absolute;
        background: var(--negro);
        min-width: 230px;
        transform: translateX(-50%);
        left: 50%;
        box-shadow: 0 0 0px black;
        display: none;
    }
    ul.submenu_catalogo li a, ul.submenu li a {
     font-size: 12px !important;
     padding: 4px 15px !important;
     border-top: 1px solid #ffffff40;
     color:   #fff!important;
 }
 .main-nav ul li  {
    position: relative;
}
.submenu_catalogo > li > a:hover {
    background: var(--cafe);
}
ul.subsubmenu {
    position: absolute;
    left: 100%;
    width: 100%;
    transform: translateY(-26px);
    background: #1e1e1e;
}

ul.submenu > li a:hover {
    background: var(--cafe);
}

/*menu top*/

.content-menu > ul > li{
    width: auto;
}
.content-menu > ul > li > a {
    display: block;
    font-size: 12px;
    white-space: initial; 
    overflow: initial; 
    text-overflow: initial; 
    padding: 1em 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.content-menu > ul {
    justify-content: flex-end;
}

.content-menu > ul > li[class*="menuplus_n1_"] > a:after{
 font-family: FontAwesome;
 content: "\f078";
 display: inline-block;
 padding: 0 0 0 10px;
}

.content-menu > ul > li.menuplus_n1_0 > a:after {content: ''}

.content-menu {
    background: var(--negro);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 1em;
}

/*menu del medio*/

.header-top{height: 96px;}
.content-logos {max-width: 620px;}

.form {
    display: flex;
    flex-direction: row-reverse;
    border: 1px solid var(--negro);
    padding: 2px;
    border-radius: 30px;
    overflow: hidden;   
    width: 290px;
    height: 33px;
}

.form > input {
    border: none;
    box-shadow: none;
}

.form > button {
    border: 0;
    font-size: 25px;
    color: var(--negro);
    background: #fff
}

.icon-desk {
    display: flex;
    width: 513px;
    justify-content: space-around;
    padding-left: 15px  
}

.btn-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    font-size: 12px;
    text-align: center;
}

.my-badge{
    position: absolute;
    top: 0;
    right: -5px;
    background: red;
    padding: 0;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 10px;
}
}

@media(min-width: 1200px){

}

/*INTERNAS MAGRA 2017*/



/*INTERNAS*/
#contenido_quienes_somos{max-width:1200px;width:100%;position:absolute;top:0px;left:50%;transform:translate(-50%);margin-top:80px;}
#contenido_quienes_somos > div > div:nth-child(1), #contenido_quienes_somos > div > div:nth-child(2){padding:0px 90px;}
#quienes_somos .embed-responsive.embed-responsive-4by3{padding-bottom:58% !important;}
#contenido_quienes_somos > div > div:nth-child(1){color:#000000;}
#contenido_quienes_somos > div > div:nth-child(2){color:#ffffff;}

#contenido_servicio_tecnico{border-bottom:solid 8px #ffffff;border-top:solid 8px #ffffff;}
#contenido_servicio_tecnico>div>.column:nth-child(2){background:#fafafa;}
#titulo_servicio_tecnico{position:absolute;top:5%;left:50%;transform:translate(-50%);text-align:center;}
#titulo_servicio_tecnico h5{font-size:1.5em;color:#ffffff;text-transform:uppercase;margin:0px;}
#titulo_servicio_tecnico h6{position:relative;color:#29acbd;font-size:2.2em;text-transform:uppercase;font-weight:700;font-style:italic;margin:0px;}
#titulo_servicio_tecnico h6:before{content:"";position:absolute;width:89px;height:9px;top:52px;background:#29acbd;left:50%;transform:translate(-50%);border-radius:20px;}
#contenido_servicio_tecnico > div > div:nth-child(1){padding:0px 80px 0px 80px;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(1){color:#282c33;font-size:2.2em;font-weight:700;margin-top:80px;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(2){color:#29acbd;font-size:2.2em;font-weight:700;font-style:italic;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(3){margin-top:50px;color:#282c33;font-size:1.2em;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(4)>a{background:#29acbd;color:#ffffff;padding:12px 22px;border-radius:20px;font-weight:500;font-size:1.2em;text-decoration:none;transition:all 0.5s;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(4){margin-top:50px;}
#contenido_servicio_tecnico > div > div:nth-child(1) > p:nth-child(4)>a:hover{background:#0a535d;color:#29acbd;}


@media(max-width:1550px){
  #contenido_quienes_somos{margin-top:30px;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(1){margin-top:30px;}
}
@media(max-width:1450px){
  #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(4) > div > p, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(3) > div > p{margin:10px;}
  #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(4) > div > p, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(3) > div > p, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div, #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(5) > div{font-size:0.9em;}
  #quienes_somos .embed-responsive.embed-responsive-4by3{padding-bottom:50%!important;}
}

@media(max-width:1400px){
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(3){margin-top:20px;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(1){margin-bottom:0px;}
}
@media(max-width:1350px){
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(4){margin-top:22px;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(1){margin-top:10px;}
}

@media(max-width:1320px){
  .menu_catalogo>li {padding-right: 1.5%;padding-left: 1.5%;}
  .menu_catalogo>li::after{right: 5px;}
}
@media(max-width:1244px){
  .menu_catalogo>li {padding-right: 1%;padding-left: 1%;}
}

@media(max-width:1240px){
  #quienes_somos .embed-responsive.embed-responsive-4by3{padding-bottom:40%!important;margin-left:50px !important;margin-right:67px !important;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(1), #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(2){font-size:1.8em;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(3){font-size:1em;}
}

@media(max-width:1130px){
  #contenido_quienes_somos>div>div:nth-child(1), #contenido_quienes_somos>div>div:nth-child(2){width:100%;}
  #quienes_somos > img{display:none;}
  #quienes_somos .embed-responsive.embed-responsive-4by3{padding-bottom:58% !important;}
  #quienes_somos{height:1972px;}
  #contenido_quienes_somos>div>div:nth-child(1){background:#282c32; color:#fefefe }
  #contenido_quienes_somos>div>div:nth-child(2){background:#fefefe; color:#282c32 }
  #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(4) > div > p, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(3) > div > p, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div, #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(5) > div{font-size:1em;}
  #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(2), #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(3), #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div > p:nth-child(3), #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(5) > div > p:nth-child(3){display:block;}
  #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(1) > div{margin-top:26px;}
  #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div{padding:0px 50px 29px 50px;}
}
@media(min-width:1130px){
 #contenido_quienes_somos>div>div:nth-child(1){color:#fefefe }
 #contenido_quienes_somos>div>div:nth-child(2){color:#282c32 }
}
@media(max-width:1100px){
  #quienes_somos{height:1932px;}
  #contenido_servicio_tecnico>div>div:nth-child(1){padding:0px 30px 0px 30px;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(2){margin:0px;}
  #contenido_servicio_tecnico>div>div:nth-child(1)>p:nth-child(3){margin-top:8px;}
}
@media(max-width:991px){
    #quienes_somos{height:1828px;}
    #contenido_servicio_tecnico>div>div:nth-child(1){padding:0px 50px 25px 50px;width:100%;text-align:center;}
    #contenido_servicio_tecnico>div>div:nth-child(2){width:100%;}
    #titulo_servicio_tecnico{top:2%;}
}
@media(max-width:840px){
  #quienes_somos{height:1708px;}
  #servicio_tecnico > img{height:140px;}
}
@media(max-width:767px){
  #quienes_somos{height:1638px;}
}
@media(max-width:640px){
  #contenido_quienes_somos>div>div:nth-child(1), #contenido_quienes_somos>div>div:nth-child(2){padding:0px 40px;}
}
@media(max-width:540px){
  #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(4) > div, #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(5) > div, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(3) > div, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div, #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(2) > div, #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(1) > div{text-align:center;}
}
@media(max-width:500px){
  #contenido_quienes_somos>div>div:nth-child(1), #contenido_quienes_somos>div>div:nth-child(2){padding:0px 20px;}
  #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4) > div{padding:0px 20px 29px 20px;}
  #quienes_somos .embed-responsive.embed-responsive-4by3{margin:0px !important;}
  #contenido_quienes_somos > div > div:nth-child(1) > div:nth-child(5), #contenido_quienes_somos > div > div:nth-child(2) > div:nth-child(4){margin-top:18px;}
  #quienes_somos{height:1582px;}
  #contenido_servicio_tecnico>div>div:nth-child(1){padding:0px 20px 25px 20px;}
}
@media(max-width:400px){
  #quienes_somos{height:1538px;}
}
@media(max-width:360px){
  #quienes_somos{height:1630px;}
}