/*----------------------------------------------------------------- */
/* FRONT-END
/*----------------------------------------------------------------- */

body,
html
{
	overflow-x: hidden;
}

html {
    scroll-padding-top: 80px;
}

footer .footer-main a
{
	border-bottom: 1px solid;
}

body.bricks-is-frontend :focus
{
	outline: unset;
}

.page-id-707 #contact
{
	display: none;
}



ul#menu-primary li:hover a:after
{
	position: absolute;
	bottom: -27px;
	left: calc(50% - 50px);

	display: block;

	width: 100px;
	height: 35px;

	content: '';
	transform: rotate(15deg);

	background-image: url(../img/ico-nav.png);
	background-repeat: no-repeat;
	background-size: contain;
}

/* CONTENT
----------------------------------------- */

a.brxe-button:hover,
button.bricks-button:hover,
.brxe-button:hover
{
	transform: scale(1.15);
}

.btn-hero
{
	position: relative;
}

.btn-hero::after
{
	position: absolute;
	z-index: 15;
	top: -75px;
	right: -200px;

	display: block;

	width: 80px;
	height: 142px;

	content: '';

	background-image: url('../img/arrow-down.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.contact-icons li > a
{
	transition: all 0.5s ease-in;
}

.contact-icons li > a:hover
{
	transition: all 0.5s ease-out;
	text-decoration: underline;
}

.contact-icons li svg
{
	width: auto;
	height: 24px;
}

/* iconbox */

.iconbox-left svg
{
	width: 110px;
	height: auto;
}

/* price design */

.black-box.slide-right:nth-child(1)
{
	animation-delay: 0s;
}

.black-box.slide-right:nth-child(2)
{
	animation-delay: 0.1s;
}

.black-box.slide-right:nth-child(3)
{
	animation-delay: 0.2s;
}

.black-box.slide-right:nth-child(4)
{
	animation-delay: 0.3s;
}

.black-box.slide-right:nth-child(5)
{
	animation-delay: 0.4s;
}

.black-box.slide-right:nth-child(6)
{
	animation-delay: 0.5s;
}

#brxe-aalkdg.slide-right
{
	animation-delay: 0.1s;
}

.black-box-price span,
.black-box-newprice span
{
	position: relative;

	display: inline-block;
}

.black-box-price span::after
{
	position: absolute;
	top: -6px;
	right: 0;
	bottom: 0;
	left: 0;

	display: block;

	width: 100px;
	height: 38px;

	content: '';

	background-image: url('../img/ico-cross.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.black-box-newprice span::after
{
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;

	display: block;

	width: 100%;
	height: 6px;

	content: '';

	background-image: url('../img/ico-line.png');
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 767px)
{
	.black-box-price span::after
	{
		top: 0px;
		height: 26px;
        width: 68px;
	}
}

/* unordered/ordered lists */
.brxe-post-content[data-source='editor'] ul,
.brxe-text ul
{
	padding-left: 18px;

	margin-block-end: 0;
	margin-block-start: 0;
}

.brxe-post-content[data-source='editor'] ol,
.brxe-text ol
{
	padding-left: 22px;

	counter-reset: list-counter;
}

.brxe-post-content[data-source='editor'] ol ol,
.brxe-text ol ol
{
	padding-left: 36px;

	counter-reset: list-counter;
}

.brxe-post-content[data-source='editor'] ul li,
.brxe-post-content[data-source='editor'] ol li,
.brxe-text ul li,
.brxe-text ol li
{
	margin-bottom: 5px;
}

.brxe-post-content[data-source='editor'] ul li::marker,
.brxe-text ul li::marker
{
	content: '– ';
}

.brxe-post-content[data-source='editor'] ul ul > li::marker,
.brxe-text ul ul > li::marker
{
	content: '○ ';
}

.brxe-post-content[data-source='editor'] ol > li,
.brxe-text ol > li
{
	counter-increment: list-counter;
}

.brxe-post-content[data-source='editor'] ol > li::marker,
.brxe-text ol > li::marker
{
	font-weight: 700;

	content: counters(list-counter, '.') '.  ';

	color: #000;
}

.brxe-post-content[data-source='editor'] ul ul,
.brxe-post-content[data-source='editor'] ul ol,
.brxe-post-content[data-source='editor'] ol ol,
.brxe-post-content[data-source='editor'] ol ul,
.brxe-text ul ul,
.brxe-text ul ol,
.brxe-text ol ol,
.brxe-text ol ul
{
	margin-top: 5px;
	margin-bottom: 0;
}

/* Images */

.widthfix img
{
	width: auto;
}

/* FORMS
----------------------------------------- */

.form-group.submit-button-wrapper
{
	position: absolute;
	bottom: -130px;
}

.file-result.show
{
	color: rgba(255, 255, 255, 0.65);
    font-size: 1.6rem;
}

form div.form-group:nth-child(4)
{
	padding-bottom: 0;
}