.bolder, h1 {
    font-weight: 700
}

.up_menu, .x {
    position: fixed;
    top: 0
}

body {
    font-family: "Open Sans"
}

.roboto {
    /*font-family: 'Roboto Slab', serif*/
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

h1 {
    font-size: x-large
}

.container menu_work_cat_container {
    display: none
}

.up_menu {
    padding: .5em 1em 1em;
    z-index: 210;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x {
    margin-top: .7em;
    margin-right: 1em;
    display: block;
    right: 0;
    width: 20px;
    height: 20px;
    -webkit-transition: -webkit-transform .75s ease-in-out;
    -o-transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out;
    cursor: hand
}

.x:after, .x:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    right: 0;
    width: 20px;
    height: 0;
    border-top: 1px solid #fff;
    bottom: 0;
    left: 0;
    top: 0
}

.x:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.x:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.footer, .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.up_menu_sticky {
    background-color: #fff
}

.logo {
    display: flex;
    padding: .5em;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.logo_img {
    width: 80%
}

.fondo_blanco {
    background-color: #fff
}

.white {
    color: #fff
}

.Black {
    color: #000 !important
}

.fondo_amarillo {
    background-color: #f6cd1f
}

.fondo_negro {
    background-color: #000 !important
}

.invertido {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.responsive_foot {
    display: none
}

.footer {
    padding-bottom: .3em;
    padding-top: .5em;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 310;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer_rights {
    font-size: x-small;
    padding-left: 1em
}

.footer:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.footer:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social img {
    width: 70%
}

.capa_color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 600;
    height: 100%
}

.burger_btn_img {
    width: 1.5em;
    cursor: hand
}

.bar, .social_btn img {
    width: 1.2em
}

.burger_btn {
    margin-top: .5em;
    margin-right: .5em
}

.social_btn {
    margin-right: .6em
}

.brillo {
    -webkit-filter: brightness(500%);
    filter: brightness(500%)
}

#menu_btn {
    margin-top: .2em
}

.con, .special-con {
    cursor: pointer;
    display: inline-block
}

.bar {
    display: block;
    height: 1px;
    background: #fff;
    margin: 4px auto;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.special-con:hover .arrow-middle-fall {
    width: 1em;
    margin: 0 auto
}

.arrow-bottom-fall, .arrow-top-fall {
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

#overlay {
    position: fixed;
    top: 0;
    width: 105%;
    height: 100%;
    background-color: #000;
    z-index: 350;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}