:root {
    --font-family:'Roboto', sans-serif;
    --font-size:15px;
    --color-text:#111;
    --color-text-hover:#fec008;
    --color-primary:#fec008;
    --color-primary-hover:rgba(242,98,48,.9);
    --color-white:#fff;
    --color-orange:#fec008;
    --color-red:#ef4031;
    --color-blue:#288ad6;
    --color-yellow:#ebfa48;
    --color-greyish:#666;
    --color-border:#ccc;
    --color-border-search:#666;
    --color-bgmenu:#fec008;
    --color-bgmenu-hover:rgba(242,98,48,.16);
    --color-menu:#fff;
    --color-menu-second:#111;
    --color-bgevent:#ef4031;
    --color-bgbox:#008848;
    --color-footer:#111;
    --color-footer-hover:#fec008;
    --color-bgfooter:#fff;
    --color-bgcopyright:#fff;
    --margin-bottom:20px;

    --filter-color-white: invert(100%) sepia(100%) saturate(0%) hue-rotate(282deg) brightness(103%) contrast(103%);
    --filter-color-black: invert(0%) sepia(3%) saturate(3769%) hue-rotate(11deg) brightness(84%) contrast(87%);
    --filter-color-orange: invert(42%) sepia(72%) saturate(1522%) hue-rotate(358deg) brightness(100%) contrast(108%);
    --filter-color-red: invert(38%) sepia(86%) saturate(3425%) hue-rotate(342deg) brightness(94%) contrast(98%);       /* #ef4031 */
    --filter-color-yellow: invert(99%) sepia(31%) saturate(7464%) hue-rotate(348deg) brightness(94%) contrast(99%);
    --filter-color-grey: invert(33%) sepia(9%) saturate(9%) hue-rotate(350deg) brightness(94%) contrast(92%);
    --filter-color-greyish: invert(43%) sepia(3%) saturate(4%) hue-rotate(327deg) brightness(89%) contrast(86%);        /* #666 */
    --filter-color-facebook: invert(37%) sepia(17%) saturate(1735%) hue-rotate(183deg) brightness(87%) contrast(93%);   /* #3d5a98 */
}
/*===== CUSTOM FONT ICON =====*/
.fa{
    display:inline-block;
    width:16px;
    height:16px;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
    
}
.fa-cart{
    background-image: url(../images/cart.svg);
}
.fa-cart-plus{
    background-image: url(../images/cart-plus.svg);
}
.fa-star{
    background-image: url(../images/star.svg);
}
.fa-star-o{
    background-image: url(../images/star-o.svg);
}
.fa-phone{
    background-image: url(../images/phone-alt.svg);
}
.fa-email{
    background-image: url(../images/envelope.svg);
}
.fa-booking{
    background-image: url(../images/booking.svg);
}
.fa-map{
    background-image: url(../images/map-marker.svg);
}
.fa-clock{
    background-image: url(../images/clock.svg);
}
.fa-clock-regular{
    background-image: url(../images/clock-regular.svg);
}
.fa-globe{
    background-image: url(../images/globe.svg);
}
.fa-paper-plane{
    background-image: url(../images/paper-plane.svg);
}
.fa-link{
    background-image: url(../images/link.svg);
}
.fa-copyright{
    background-image: url(../images/copyright.svg);
}
.fa-retweet{
    background-image: url(../images/retweet.svg);
}
.fa-th-large{
    background-image: url(../images/th-large.svg);
}
.fa-list-ul{
    background-image: url(../images/list-ul.svg);
}
.fa-check-circle{
    background-image: url(../images/check-circle.svg);
}
.fa-info-circle{
    background-image: url(../images/info-circle.svg);
}
.fa-exclamation-triangle{
    background-image: url(../images/exclamation-triangle.svg);
}
.fa-question-circle{
    background-image: url(../images/question-circle.svg);
}
.fa-user{
    background-image: url(../images/user-circle.svg);
}
.fa-tags{
    background-image: url(../images/tags.svg);
}
.fa-pay{
    background-image: url(../images/pay.svg);
}
.fa-arrow-up{
    background-image: url(../images/arrow-up.svg);
}
.fa-sort-amount-up{
    background-image: url(../images/sort-amount-up.svg);
}
.fa-youtube{
    background-image: url(../images/youtube.svg);
}
.fa-facebook{
    background-image: url(../images/facebook-f.svg);
}
.fa-instagram{
    background-image: url(../images/instagram.svg);
}
.fa-pinterest{
    background-image: url(../images/pinterest-p.svg);
}
.fa-twitter{
    background-image: url(../images/twitter.svg);
}
.fa-linkedin{
    background-image: url(../images/linkedin-in.svg);
}
.fa-tumblr{
    background-image: url(../images/tumblr.svg);
}
.fa-about{
    background-image: url(../images/about-me.svg);
}