/*custom-button*/
.button-custom{
    position: absolute;
    top: 0px;
    right: 10px;"
}
.button-custom a{
    display: block;
    text-decoration: none;
    padding: 12px 20px;
    text-align: center;
    color: #e4e4e4;
    /*border-right: 1px solid #E7E7E7;*/
}
.button-custom a i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
}
.button-custom a strong {
    display: block;
    text-transform: uppercase;
}
.button-custom a small {
    display: block;
    font-size: 10px;
}
.button-custom a i, .button-custom a strong, .button-custom a small {
    position: relative;

    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}
.button-custom:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.button-custom:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.button-custom:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.button-custom:hover > a {
    color: #e67e22;
}
.button-custom a.active {
    position: relative;
    color: #e67e22;
    border:0;
    border-top: 4px solid #e67e22;
    border-bottom: 4px solid #e67e22;
    margin-top: -4px;
    box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    -webkit-box-shadow: 0 0 5px #DDD;
}
.button-custom a.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 45%;
    border-top: 5px solid #e67e22;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .button-custom a.search input {
        width:100px;
    }
}
@media only screen and (max-width: 479px) {
    .button-custom {
        height: 42px;
        position: relative;
    }
    .button-custom a strong, .button-custom a small, .button-custom a.search {
        display: none;
    }
    .button-custom a {
        padding: 12px 13.8px;
        font-size:12px;
    }
    .button-custom a i {
        margin: 0;
        font-size: 18px;
    }
    .button-custom {
        /*position: static;*/
        position: absolute;
        top: 0px;
        right: 10px;"
    }
    .button-custom ul {
        min-width: 100%;
        left: 0;
        top: 50px;
    }
    .button-custom:hover > ul {
        top: 42px;
    }
    .button-custom > ul:before {
        border:0;
    }
    .button-custom ul > li {
        position: relative;
    }
    .button-custom ul li:hover > ul {
        left:34px;
    }
    .button-custom a {
        position: relative;
    }
    button-custom a:hover strong,.button-custom a.active strong {
        display:block;
        font-size:10px;
        padding:3px 0;
        position:absolute;
        top:-20px;
        left:0;
        background:#e67e22;
        color:#FFF;
        min-width:100%;
        text-transform:lowercase;
        font-weight:normal;
    }
    .button-custom a.active:before{
        left: 40%;
    }

    .button-custom ul li > ul {
        min-width:150px;
        left:160px;
    }
    .button-custom ul li:hover ul {
        left:120px;
    }
    .button-custom ul li ul:before {
        left:-9px;
    }
    .button-custom ul li ul li ul {
        min-width:160px;
        left:25px !important;
        top:39px;
        border:0;
        border-top:3px solid #e67e22;
    }
    button-custom ul li ul li:hover ul {
        top:39px;
    }
    .button-custom ul li ul li ul:before {
        border:0;
        border-bottom:5px solid #e67e22;
        border-left:5px solid transparent;
        border-right:5px solid transparent;
        left:10%;
        top:-8px;
    }

}