/* MENU */

#sp-header {
    background: transparent;
    position: absolute;
    top: 30px;
    box-shadow: none;
    background: transparent;}

#sp-header.fixed-header {
    background: transparent;
    position: fixed;
    top: 0;
  box-shadow: none;
}

#sp-menu, #sp-logo {
	background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;}

div#sp-menu {
    margin: 0 10px 0 -10px;}

div#sp-menu li a:hover:after {
    background: #ed703a;
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 203;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

    ul.sp-dropdown-items li:hover:after {
    background: #fff;
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 203;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #fd800b;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 600;}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after{
    content: none;}

/* Top3 */

#sp-top3:before {
    content: "";
    display: block;
    height: 100%;
    width: 10px;
    position: absolute;
    left: -10px;
    top: 2px;
    background-image: url(http://170.81.43.182/~pittybel/images/headers/top_bar_sombra.png);
    background-repeat: repeat-y;
    -moz-transform: skewX(0deg) skewY(-25deg);
    -webkit-transform: skewX(0deg) skewY(-25deg);
    -o-transform: skewX(0deg) skewY(-25deg);
    -ms-transform: skewX(0deg) skewY(-25deg);
	transform: skewX(0deg) skewY(-25deg);
    background-color: #e3e3e3;}

#sp-top3{
    background: #fff;
    float: right;
    position: relative;
    top: -4px;
    padding: 0 10px 0 20px;
    display: flex !important;
    justify-content: center;
    align-items: center;}

#sp-top3 a {
    color: #fe8206;}