/*general*/
.fa{
	display: inline-block;
	vertical-align: text-bottom;
	-webkit-background-repeat: no-repeat;
	background-repeat:no-repeat;
    background-size: 100% 100%;
	width:1rem;
    height:1rem;
	-webkit-mask-size: contain;
    mask-size: contain;
	-webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.fa-baseline{
	vertical-align: baseline !important;
}

.fa-bottom{
    vertical-align: bottom !important;
}

/*size*/
.fa-sm{
	width:1.125rem !important;
    height:1.125rem !important;
}

.fa-x-sm{
    width:0.75rem !important;
    height:0.75rem !important;
}

.fa-md{
	width:1.5rem !important;
    height:1.5rem !important;
}

.fa-lg{
	width:2rem !important;
    height:2rem !important;
}

.fa-x-lg{
	width:2.5rem !important;
    height:2.5rem !important;
}

/* If mask-image is working*/
@supports (-webkit-mask-image: url()) or (mask-image: url()) {
	.fa{
		background-image: none !important;
		filter: none !important;
        background-color: #00274C;
	}
	/*color*/
	.filter-primary-blue{
		background-color: #00274C;
	}
	.filter-primary-yellow{
		background-color: #FFCB05;
	}

	.filter-white{
		background-color: #fff;
	}

	.filter-stamelos-green{
		background-color: #009CA8;
	}

	.filter-gray{
		background-color: #DAD4D7;
	}

	.filter-link-blue{
		background-color: #0D57AA;
	}
    .filter-hover-orange{
        background-color: #AC5600; 
    }
    .filter-black{
        background-color: #131516;
    }

    .filter-dark-red{
        background-color: #911d19;
    }
}
/*color*/
.filter-primary-blue{
	filter: invert(10%) sepia(89%) saturate(1699%) hue-rotate(190deg) brightness(99%) contrast(102%);
}
.filter-primary-yellow{
	filter: invert(81%) sepia(66%) saturate(2711%) hue-rotate(351deg) brightness(110%) contrast(108%);
}

.filter-white{
	filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(332deg) brightness(102%) contrast(100%);
}

.filter-stamelos-green{
	filter: invert(57%) sepia(46%) saturate(6525%) hue-rotate(153deg) brightness(89%) contrast(101%);
}

.filter-gray{
	filter: invert(32%) sepia(4%) saturate(10%) hue-rotate(314deg) brightness(93%) contrast(83%);
}

.filter-link-blue{
	filter: invert(36%) sepia(94%) saturate(3245%) hue-rotate(185deg) brightness(88%) contrast(82%);
}


.filter-dark-red{
	filter: invert(11%) sepia(70%) saturate(4010%) hue-rotate(343deg) brightness(82%) contrast(96%);;
}

.filter-black{
    filter: invert(3%) sepia(2%) saturate(4604%) hue-rotate(155deg) brightness(94%) contrast(89%);
}

.filter-hover-orange{
    filter: invert(45%) sepia(86%) saturate(5613%) hue-rotate(29deg) brightness(92%) contrast(101%);
}
/*svg*/
.fa-twitter, .fa-twitter-square {
    mask-image: url("/img/icon/icon-twitter.svg");
    background-image: url("/img/icon/icon-twitter.svg");
}

.fa-facebook, .fa-facebook-official {
    mask-image: url("/img/icon/icon-facebook.svg");
    background-image: url("/img/icon/icon-facebook.svg");
}

.fa-facebook-circle {
    mask-image: url("/img/icon/icon-facebook-circle.svg");
    background-image: url("/img/icon/icon-facebook-circle.svg");
}

.fa-instagram {
    mask-image: url("/img/icon/icon-instagram.svg");
    background-image: url("/img/icon/icon-instagram.svg");
}

.fa-tumblr-square {
    mask-image: url("/img/icon/icon-tumblr.svg");
    background-image: url("/img/icon/icon-tumblr.svg");
}

.fa-home {
    mask-image: url("/img/icon/icon-home.svg");
    background-image: url("/img/icon/icon-home.svg");
}

.fa-account {
    mask-image: url("/img/icon/icon-account.svg");
    background-image: url("/img/icon/icon-account.svg");
}

.fa-linkedin {
    mask-image: url("/img/icon/icon-linkedin.svg");
    background-image: url("/img/icon/icon-linkedin.svg");
}

.fa-linkedin-square {
    mask-image: url("/img/icon/icon-linkedin-square.svg");
    background-image: url("/img/icon/icon-linkedin-square.svg");
}

.fa-snapchat {
    mask-image: url("/img/icon/icon-snapchat.svg");
    background-image: url("/img/icon/icon-snapchat.svg");
}

.fa-youtube {
    mask-image: url("/img/icon/icon-youtube.svg");
    background-image: url("/img/icon/icon-youtube.svg");
}

.fa-phone {
    mask-image: url("/img/icon/icon-phone.svg");
    background-image: url("/img/icon/icon-phone.svg");
}

.fa-phone-right {
    mask-image: url("/img/icon/icon-phone-right.svg");
    background-image: url("/img/icon/icon-phone-right.svg");
}

.fa-phone-square {
    mask-image: url("/img/icon/icon-phone-square.svg");
    background-image: url("/img/icon/icon-phone-square.svg");
}

.fa-sms {
    mask-image: url("/img/icon/icon-sms.svg");
    background-image: url("/img/icon/icon-sms.svg");
}

.fa-email {
    mask-image: url("/img/icon/icon-email.svg");
    background-image: url("/img/icon/icon-email.svg");
}

.fa-email-solid {
    mask-image: url("/img/icon/icon-email-solid.svg");
    background-image: url("/img/icon/icon-email-solid.svg");
}

.fa-calendar {
    mask-image: url("/img/icon/icon-calendar.svg");
    background-image: url("/img/icon/icon-calendar.svg");
}

.fa-chat {
    mask-image: url("/img/icon/icon-chat.svg");
    background-image: url("/img/icon/icon-chat.svg");
}

.fa-comment{
    mask-image: url("/img/icon/icon-comment.svg");
	background-image: url("/img/icon/icon-comment.svg");
}

.fa-purchase{
    mask-image: url("/img/icon/icon-purchase.svg");
	background-image: url("/img/icon/icon-purchase.svg");
}

.fa-map-marker {
    mask-image: url("/img/icon/icon-map-marker.svg");
    background-image: url("/img/icon/icon-map-marker.svg");
}

.fa-chevron-circle-right {
    mask-image: url("/img/icon/icon-chevron-circle-right.svg");
    background-image: url("/img/icon/icon-chevron-circle-right.svg");
}

.fa-chevron-circle-down {
    mask-image: url("/img/icon/icon-chevron-circle-down.svg");
    background-image: url("/img/icon/icon-chevron-circle-down.svg");
}

.fa-chevron-circle-up {
    mask-image: url("/img/icon/icon-chevron-circle-up.svg");
    background-image: url("/img/icon/icon-chevron-circle-up.svg");
}

.fa-btn-prev {
    mask-image: url("/img/icon/icon-arrow-left.svg");
    background-image: url("/img/icon/icon-arrow-left.svg");
}

.fa-btn-next {
    mask-image: url("/img/icon/icon-arrow-right.svg");
    background-image: url("/img/icon/icon-arrow-right.svg");
}

.fa-clock {
    mask-image: url("/img/icon/icon-clock.svg");
    background-image: url("/img/icon/icon-clock.svg");
}

.fa-maps-line {
    mask-image: url("/img/icon/icon-maps-line.svg");
    background-image: url("/img/icon/icon-maps-line.svg");
}

.fa-arrow-circle-left {
    mask-image: url("/img/icon/icon-arrow-circle-left.svg");
    background-image: url("/img/icon/icon-arrow-circle-left.svg");
}

.fa-arrow-circle-right {
    mask-image: url("/img/icon/icon-arrow-circle-right.svg");
    background-image: url("/img/icon/icon-arrow-circle-right.svg");
}

.fa-arrow-left {
    mask-image: url("/img/icon/icon-arrow-left.svg");
    background-image: url("/img/icon/icon-arrow-left.svg");
}

.fa-arrow-right {
    mask-image: url("/img/icon/icon-arrow-right.svg");
    background-image: url("/img/icon/icon-arrow-right.svg");
}

.fa-arrow-up {
    mask-image: url("/img/icon/icon-arrow-up.svg");
    background-image: url("/img/icon/icon-arrow-up.svg");
}

.fa-arrow-down {
    mask-image: url("/img/icon/icon-arrow-down.svg");
    background-image: url("/img/icon/icon-arrow-down.svg");
}

.fa-bars {
    mask-image: url("/img/icon/icon-bars.svg");
    background-image: url("/img/icon/icon-bars.svg");
}

.fa-exclamation-circle {
    mask-image: url("/img/icon/icon-exclamation-circle.svg");
    background-image: url("/img/icon/icon-exclamation-circle.svg");
}

.fa-folder-open {
    mask-image: url("/img/icon/icon-folder-open.svg");
    background-image: url("/img/icon/icon-folder-open.svg");
}

.fa-info-circle {
    mask-image: url("/img/icon/icon-info-circle.svg");
    background-image: url("/img/icon/icon-info-circle.svg");
}

.fa-mouse-pointer {
    mask-image: url("/img/icon/icon-mouse-pointer.svg");
    background-image: url("/img/icon/icon-mouse-pointer.svg");
}

.fa-question {
    mask-image: url("/img/icon/icon-question-mark.svg");
    background-image: url("/img/icon/icon-question-mark.svg");
}

.fa-question-circle {
    mask-image: url("/img/icon/icon-question-circle.svg");
    background-image: url("/img/icon/icon-question-circle.svg");
}

.fa-search {
    mask-image: url("/img/icon/icon-search.svg");
    background-image: url("/img/icon/icon-search.svg");
}

.fa-file {
    mask-image: url("/img/icon/icon-file.svg");
    background-image: url("/img/icon/icon-file.svg");
}

.fa-file-word-o {
    mask-image: url("/img/icon/icon-file-word-o.svg");
    background-image: url("/img/icon/icon-file-word-o.svg");
}

.fa-globe {
    mask-image: url("/img/icon/icon-globe.svg");
    background-image: url("/img/icon/icon-globe.svg");
}

.fa-bookmark {
    mask-image: url("/img/icon/icon-bookmark.svg");
    background-image: url("/img/icon/icon-bookmark.svg");
}

.fa-archive {
    mask-image: url("/img/icon/icon-archive.svg");
    background-image: url("/img/icon/icon-archive.svg");
}

.fa-picture-o {
    mask-image: url("/img/icon/icon-picture-o.svg");
    background-image: url("/img/icon/icon-picture-o.svg");
}

.fa-address-card {
    mask-image: url("/img/icon/icon-address-card.svg");
    background-image: url("/img/icon/icon-address-card.svg");
}

.fa-address-book {
    mask-image: url("/img/icon/icon-address-book.svg");
    background-image: url("/img/icon/icon-address-book.svg");
}

.fa-cog {
    mask-image: url("/img/icon/icon-cog.svg");
    background-image: url("/img/icon/icon-cog.svg");
}

.fa-cloud {
    mask-image: url("/img/icon/icon-cloud.svg");
    background-image: url("/img/icon/icon-cloud.svg");
}

.fa-external-link {
    mask-image: url("/img/icon/icon-external-link.svg");
    background-image: url("/img/icon/icon-external-link.svg");
}

.fa-rss-square {
    mask-image: url("/img/icon/icon-rss-square.svg");
    background-image: url("/img/icon/icon-rss-square.svg");
}

.fa-envelope{
    mask-image: url("/img/icon/icon-envelope.svg");
    background-image: url("/img/icon/icon-envelope.svg");
}

.fa-open-envelope {
    mask-image: url("/img/icon/icon-open-envelope.svg");
    background-image: url("/img/icon/icon-open-envelope.svg");
}

.fa-survey {
    mask-image: url("/img/icon/icon-survey.svg");
    background-image: url("/img/icon/icon-survey.svg");
}

.fa-external {
    mask-image: url("/img/icon/icon-external-link.svg");
    background-image: url("/img/icon/icon-external-link.svg");
}

.fa-close {
    mask-image: url("/img/icon/icon-close.svg");
    background-image: url("/img/icon/icon-close.svg");
}

.fa-external-link{
    mask-image: url("/img/icon/icon-external-link.svg");
    background-image: url("/img/icon/icon-external-link.svg");
}

.fa-journal{
    mask-image: url("/img/icon/icon-journal.svg");
    background-image: url("/img/icon/icon-journal.svg");
}

.fa-file-excel-o{
    mask-image: url("/img/icon/icon-file-excel-o.svg");
    background-image: url("/img/icon/icon-file-excel-o.svg");
}

.fa-table{
    mask-image: url("/img/icon/icon-table.svg");
    background-image: url("/img/icon/icon-table.svg");
}

.fa-book{
    mask-image: url("/img/icon/icon-book.svg");
    background-image: url("/img/icon/icon-book.svg");
}

.fa-triangle-top{
    mask-image: url("/img/icon/icon-triangle-top.svg");
    background-image: url("/img/icon/icon-triangle-top.svg");
}

/* icon location */
.icon-suf{
    margin-left: 0.5rem;
}

.icon-prev{
    margin-right: 0.5rem;
}

.fa-date{
    mask-image: url("/img/icon/icon-date.svg");
    background-image: url("/img/icon/icon-date.svg");
}

.fa-webpage{
    mask-image: url("/img/icon/icon-webpage.svg");
    background-image: url("/img/icon/icon-webpage.svg");
}