/* styling here */
@import "font.css";
@import "menu-burger.css";
@import "header.css";
@import "custom.css";
@import "company.css";
@import "modal-categories.css";
@import "catalogs.css";
@import "highlights.css";
@import "contacts.css";
@import "footer.css";
@import "login.css";
@import "logout.css";
@import "account.css";
@import "recover.css";
@import "regist.css";
@import "media.css";

.support-logo {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: fit-content;
    background: #fff;
    z-index:99;
}
.fa-times-circle {
	position: absolute;
    top: -11px;
    right: -9px;
    font-size: 24px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    background: #fff;
}
.support-logo div {
    padding: 15px;
    cursor: pointer;
}
@media (max-width:768px) {
    .support-logo {
        width: 250px;
    }
}

/* TABLET */
@media (min-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}
	.sm-spacer13 {height: 13px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 767px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}
	.xs-spacer13 {height: 13px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

a,
button {
	transition: all ease 300ms;
}

i {
    font-family: FontAwesome !important;
}

.close {
	outline: 0;
}

.btn-faj-submit,
.btn-faj-submit:visited {
	background-color: #27B1E2;
	color: #fff;
	border-radius: 0;
	border: 1px solid #27B1E2;
	text-transform: uppercase;
	padding: 6px 24px;
	outline: 0;
	font-weight: 700;
	font-size: 14px;
}

.btn-faj-submit:hover,
.btn-faj-submit:focus {
	background-color: #fff;
	color: #27B1E2;
}

.btn-faj-cancel,
.btn-faj-cancel:visited {
	background-color: #e1001a;
	color: #fff;
	border-radius: 0;
	border: 1px solid #e1001a;
	text-transform: uppercase;
	padding: 6px 24px;
	outline: 0;
	font-weight: 700;
	font-size: 14px;
}

.btn-faj-cancel:hover,
.btn-faj-cancel:focus {
	background-color: #fff;
	color: #e1001a;
}