﻿/************************************************
 Captcha
*************************************************/

.captcha p {
	margin: 3px 0 10px 0 !important;
}

.captcha .captcha-icons {
	font-size: 2em;
	margin-left: 0;
	padding-bottom: 0;
	cursor: pointer;
}

.captcha .captcha-icon {
	display: inline-block;
	margin-bottom: 0.5em;
}

.captcha .captcha-icon-frame,
.captcha .captcha-icon-frame-selected {
	display: inline-block;
	width: 2.15em;
	height: 2.15em;
	line-height: 2.15em;
	margin-right: 0.15em;
	border-radius: 26px;
	background-color: #848484;
	text-align: center;
	cursor: pointer;
}

.captcha .captcha-icon-frame {
	background-color: #848484;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.captcha .captcha-icon:hover .captcha-icon-frame {
	background-color: #bfbfbf;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.captcha .captcha-icon-frame-selected {
	background-color: var(--bgcolor-captcha);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.captcha img {
	margin: 0;
	height: 55%;
}

/************************************************
 FontAwesome replacements classes
*************************************************/

/* Colors */
.fa-color-text { filter: var(--color-text-filter); }
.fa-color-captcha { filter: var(--iconcolor-captcha-filter); }
.fa-color-corporate { filter: var(--color-corporate-filter); }
.fa-color-corporate-opacity { filter: var(--color-corporate-filter); opacity: 0.1 }
.fa-color-menu { filter: var(--color-menu-filter); }
.fa-color-menu:hover { filter: var(--hovercolor-menu-filter); }
.fa-color-social { filter: var(--color-social-filter); }
.fa-color-white { filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(203deg) brightness(113%) contrast(101%); }
.fa-color-white-opacity { filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(203deg) brightness(113%) contrast(101%); opacity: 0.1 }
.fa-color-lightgrey { filter: invert(45%) sepia(37%) saturate(482%) hue-rotate(160deg) brightness(93%) contrast(91%); }
.fa-color-red	{ filter: invert(29%) sepia(98%) saturate(7178%) hue-rotate(357deg) brightness(100%) contrast(122%); }
.fa-color-orange { filter: invert(44%) sepia(82%) saturate(1012%) hue-rotate(359deg) brightness(101%) contrast(106%);; }
.fa-color-green { filter: invert(67%) sepia(31%) saturate(5515%) hue-rotate(107deg) brightness(101%) contrast(64%); }
.fa-color-blue { filter: invert(8%) sepia(100%) saturate(6415%) hue-rotate(247deg) brightness(105%) contrast(146%); }
.fa-color-shopdefault { filter: invert(72%) sepia(0%) saturate(546%) hue-rotate(135deg) brightness(95%) contrast(95%); }
.fa-color-search { filter: invert(48%) sepia(0%) saturate(95%) hue-rotate(159deg) brightness(78%) contrast(69%); }
.fa-color-quote { filter: invert(99%) sepia(10%) saturate(500%) hue-rotate(173deg) brightness(93%) contrast(108%); }
/* Sizes */

.fa-icon-textsize {
	position: relative;
	display: inline-block !important;
	height: 0.65em;
	vertical-align: baseline;
	margin-right: 0.5em;
	width: auto !important;
}

.fa-icon-textsize-l {
	position: relative;
	display: inline-block !important;
	height: 0.9em;
	top: 0.1em;
	vertical-align: baseline;
	margin-right: 0.5em;
	width: auto !important;
}

.fa-icon-progresssize {
    position: absolute;
    display: inline-block !important;
    height: 1.05em;
    left: 1.35em;
    top: 1.2em;
    vertical-align: baseline;
    width: auto !important;
}

.fa-icon-oversize {
	position: relative;
	display: inline-block !important;
	height: 1.1em;
	top: 0.16em;
	vertical-align: baseline;
	margin-right: 0.5em;
	width: auto !important;
}

.fa-icon-oversize-ml {
	position: relative;
	display: inline-block !important;
	height: 1.1em;
	top: 0.23em;
	vertical-align: baseline;
	margin-left: 0.3em;
	width: auto !important;
}

.button-1:hover .fa-icon-oversize-ml {
	filter: var(--color-text-filter);
}

.fa-icon-oversize-nmr {
	position: relative;
	display: inline-block;
	height: 1.1em;
	top: 0.1em;
	vertical-align: baseline;
	width: auto !important;
}

.fa-icon-oversize-xl {
	position: relative;
	display: inline-block;
	height: 1.6em;
	top: 0.22em;
	vertical-align: baseline;
	margin-right: 0.5em;
	width: auto !important;
}

.fa-icon-oversize-xl-nmr {
	position: relative;
	display: inline-block;
	height: 1.6em;
	top: 0em;
	vertical-align: baseline;
	width: auto !important;
}

.fa-icon-oversize-xxl {
	position: relative;
	display: inline-block;
	height: 2em;
	top: 0.2em;
	vertical-align: baseline;
	margin-right: 0.5em;
	width: auto !important;
}

.fa-icon-quotesize {
	position: relative;
	display: block;
	height: 4em;
	top: 0.2em;
	vertical-align: baseline;
	width: auto !important;
	margin-bottom: 0.5em;
}

.fa-icon-menu {
	position: relative;
	display: inline-block;
	top: 0.21em;
	height: 0.85em;
	vertical-align: baseline;
	width: auto !important;
}

.fa-icon-newssize {
	position: relative;
	display: inline-block;
	height: 1.56em;
	top: -0.05em;
	vertical-align: baseline;
	margin-left: 0.3em;
	width: auto !important;
}

.fa-icon-contactsize {
	position: relative;
	display: inline-block;
	height: 2.8em;
	top: -0.05em;
	vertical-align: baseline;
	width: auto !important;
	margin-bottom: 1.1em;
}

.fa-icon-contactsize-xl {
	position: absolute;
	display: inline-block;
	height: 7.5em;
	vertical-align: baseline;
	width: auto !important;
	right: -2em;
    bottom: -1.5em;
}

.fa-color-spinner {
	filter: var(--color-text-filter);
	margin-right: 0;
}

.fa-pulse,
.fa-spin-pulse {
	-webkit-animation-name: fa-spin;
	animation-name: fa-spin;
	-webkit-animation-direction: var(--fa-animation-direction, normal);
	animation-direction: var(--fa-animation-direction, normal);
	-webkit-animation-duration: var(--fa-animation-duration, 1s);
	animation-duration: var(--fa-animation-duration, 1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
	animation-timing-function: var(--fa-animation-timing, steps(8));
}

.icon-shop img,
.btn-shop.btn-default img {
	margin: 0;
}
