/* Start:/contacts/styles.css?16916907895560*/
.contact-info {
	background: #fff ;
	padding: 11px 10px ;
	border-radius: 8px ;
	display: flex ;
	align-items: center ;
	margin-bottom: 20px ;
}

.contact-info svg {
	flex-shrink: 0 ;
}

span.contact-info__text {
	color: #292929 ;
	font-size: 14px ;
	line-height: 17.57px ;
	margin-left: 16px ;
}

span.contact-info__text a {
	color: #292929 ;
}

span.contact-info__text a:hover {
	color: #c65447 ;
}

.contact-choose {
	display: flex ;
	justify-content: space-between ;
	align-items: center ;
	margin-bottom: 14px ;
}

a.contact-choose__text, h3.contact {
	color: #c65447 ;
	font-size: 20px ;
	line-height: 25px ;
	font-weight: 700 ;
	text-decoration: none ;
}

a.contact-choose__text:hover {
	text-decoration: none ;
}

a.contact-choose__arrow-down {
	line-height: 0 ;
	padding: 5px 0 5px 5px ;
}

a.contact-choose__arrow-up {
	display: none ;
	line-height: 0 ;
	padding: 5px 0 5px 5px ;
}

.contact-map {
	border-radius: 8px ;
	margin-bottom: 25px ;
}

.contact-map-big {
	display: none ;
}

h3.contact {
	margin-bottom: 22px ;
}

img.contact-choose__img {
	width: 14px ;
	height: 14px ;
}

.contact-cities {
	display: none ;
	margin-bottom: 20px ;
}

a.contact-cities__link {
	display: block ;
	margin: 10px 0 ;
	font-size: 14px ;
	line-height: 18px ;
	font-weight: 700 ;
	text-decoration: underline ;
}

hr.contact {
	border: none ;
	background: #c65447 ;
	height: 1px ;
	opacity: 1 ;
}

section.contact-text {
	background: #fff ;
	border-radius: 8px ;
	padding: 14px 10px ;
	margin-bottom: 20px ;
}

p.contact-text__icon {
	position: relative ;
	padding-left: 32px ;
	font-size: 14px ;
	line-height: 17.57px ;
	margin-bottom: 20px ;
}

p.contact-text__icon a {
	color: #292929 ;
	text-decoration: none ;
}

p.contact-text__icon-phone:before {
	content: url('/contacts/images/contact-icon-phone.svg');
	position: absolute ;
	left: 0 ;
	top: 4px ;
}

p.contact-text__icon-mail:before {
	content: url('/contacts/images/contact-icon-mail.svg');
	position: absolute ;
	left: 0 ;
	top: 3px ;
}

p.contact-text__icon-hours:before {
	content: url('/contacts/images/contact-icon-hours.svg');
	position: absolute ;
	left: 1px ;
	top: 4px ;
}

p.contact-text__icon-address:before {
	content: url('/contacts/images/contact-icon-address.svg');
	position: absolute ;
	left: 2px ;
	top: 0 ;
}

.contact-text__title-wrap {
	display: flex ;
	justify-content: space-between ;
	align-items: center ;
}

a.contact-text__title {
	text-decoration: none ;
	display: block ;
	color: #292929 ;
	font-size: 20px ;
	line-height: 25px ;
	font-weight: 700 ;
}

a.contact-text__title:hover {
	text-decoration: none ;
	color: #292929 ;
}

a.contact-text__arrow-up {
	display: none ;
	line-height: 0 ;
	padding: 5px 0 5px 5px ;
}

a.contact-text__arrow-down {
	line-height: 0 ;
	padding: 5px 0 5px 5px ;
}

img.contact-text__img {
	width: 14px ;
	height: 14px ;
}

ul.contact-text__list {
	display: none ;
	font-size: 18px ;
	line-height: 22.59px ;
	padding-left: 27px ;
	margin-top: 20px ;
}

li.contact-text__list-item {
	text-decoration: none ;
	margin-bottom: 15px ;
	font-size: 14px ;
	line-height: 17.57px ;
}

.contact-gallery {
	display: block ;
	background: #fff ;
	padding: 1px ;
	border-radius: 8px ;
	margin-bottom: 20px ;
}

.contact-gallery__img {
	flex: 1 1 50% ;
	height: 150px ;
	background-position: center ;
	background-size: cover ;
	margin: 10px ;
}



@media (min-width: 768px) {
	.contact-info {
		float: right ;
		margin-top: -92px ;
		max-width: 370px ;
	}

	.contact-info:after {
		clear: right ;
	}

	span.contact-info__text {
		font-size: 18px ;
		line-height: 22.59px ;
	}

	a.contact-choose__text, h3.contact {
		font-size: 30px ;
		line-height: 38px ;
	}

	img.contact-choose__img {
		width: 22px ;
		height: 22px ;
	}

	a.contact-cities__link {
		font-size: 24px ;
		line-height: 30px ;
	}

	section.contact-text {
		padding: 28px 35px ;
	}

	ul.contact-text__list {
		display: block ;
	}

	a.contact-text__arrow-up {
		display: block ;
	}

	a.contact-text__arrow-down {
		display: none ;
	}

	img.contact-text__img {
		width: 22px ;
		height: 22px ;
	}

	p.contact-text__icon {
		font-size: 18px ;
		line-height: 22.59px ;
	}

	a.contact-text__title {
		font-size: 24px ;
		line-height: 30.12px ;
	}

	li.contact-text__list-item {
		font-size: 16px ;
		line-height: 20px ;
	}

	.contact-gallery {
		display: flex ;
		padding: 4px 6px ;
		border-radius: 8px ;
	}

	.contact-gallery__img {
		flex: 1 1 50% ;
		height: 222px ;
		margin: 4px ;
	}

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
	.contact-info {
		max-width: none ;
		padding: 23px 30px ;
		margin-top: -116px ;
	}

	span.contact-info__text {
		font-size: 24px ;
		line-height: 30px ;
	}

	a.contact-choose__arrow-down {
		display: none ;
	}

	a.contact-choose__text, h3.contact {
		font-size: 42px ;
		line-height: 53px ;
	}

	a.contact-text__title, a.contact-choose__text {
		pointer-events: none ;
	}

	.contact-cities {
		display: flex !important ;
	}

	a.contact-cities__link {
		font-size: 36px ;
		line-height: 45px ;
		margin: 0 60px 0 0 ;
	}

	hr.contact {
		display: none ;
	}

	p.contact-text__icon {
		font-size: 22px ;
		line-height: 28px ;
	}

	li.contact-text__list-item {
		font-size: 18px ;
		line-height: 22.59px ;
	}

	.contact-map-big {
		display: block ;
	}

	ul.contact-text__list {
		display: block !important ;
	}

	a.contact-text__arrow-up, a.contact-text__arrow-down {
		display: none ;
	}

	.contact-gallery__img {
		flex: 1 1 50% ;
		height: 443px ;
		margin: 10px ;
	}

}

@media (min-width: 1400px) {


}

@media (min-width: 1820px) {
	.contact-choose {
		margin-bottom: 30px ;
	}

}

/* End */


/* Start:/local/templates/klio/components/bitrix/catalog.section.list/menu_catalog/style.css?16916907891905*/
.menu-catalog__block {
	background-color: #fff;
	border-radius: 8px;
}
.menu-catalog {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-catalog__item {
	position: relative;
	margin: 0;
	padding: 5px 0;
}
.menu-catalog > .menu-catalog__item {
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
.menu-catalog__item.parent a {
	padding-right: 30px;
}
.menu-catalog__level1 > .menu-catalog__item-array {
	top: 15px;
}
.menu-catalog__item-array {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 0;
	width: 30px;
	height: 31px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3ms;
}
.menu-catalog__item-array:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	right: -7px;
	width: 7px;
	height: 7px;
	border: 7px solid transparent;
	border-left: 7px solid #292929;
	transition: 100ms;
 }
.menu-catalog__level1 > .menu-catalog__item-array:after {
	top: 4px;
}
.menu-catalog__item-array.open:after {
	top: 0;
	right: 0;
	border: 7px solid transparent;
	border-bottom: 7px solid #292929;
}
.menu-catalog__item a {
	position: relative;
	display: inline-block;
	padding: 0;
	color: #292929;
	font-size: 13px;
	line-height: 1.2;
	font-weight: normal;
	text-decoration: none;
}
.menu-catalog__item a:hover {
	text-decoration: none;
	color: #C65447;
}

.menu-catalog > .menu-catalog__item > a {
	display: flex;
	align-items: center;
	font-weight: bold;
	min-height: 30px;
	line-height: 18px;
}

.menu-catalog__ico {
	margin-right: 15px;
	max-width: 30px
}
.menu-catalog__item ul {
	display: none;
	margin: 5px 10px 10px 10px;
	padding: 0;
	list-style: none;
}
.menu-catalog__item.open > ul {
	display: block;
}

.menu-catalog__level1 > ul {
	margin-left: 50px;
}

@media (min-width: 1820px) {
	.menu-catalog > .menu-catalog__item {
		padding-left: 0;
	}
	.menu-catalog__item a {
		font-size: 18px;
		line-height: 22px;
	}
	.menu-catalog__item-array {
		right: 15px;
	}
}
/* End */


/* Start:/local/templates/klio/components/bitrix/menu/popup-main/style.css?1691690789551*/
/* Left menu*/
.popup-main {
	list-style:none;
	margin:0;
	padding:0;
	position: relative; /*IE bug*/
}

.popup-main__item {
	display: block;
	padding: 0;
}
.popup-main__item:last-child {
	padding-right: 0;
}

.popup-main__link {
	display: inline-block;
	padding: 10px 0;
	color: #000;
	font-size: 15px;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
}
.popup-main__link:last-child {
	padding-right: 0;
}

.popup-main__link:hover {
	color:#C65447;
}

@media(min-width: 1880px) {

	.popup-main__link {
		font-size: 18px;
	}
}


/* End */


/* Start:/local/templates/klio/components/bitrix/menu/top/style.css?1691690789591*/
/* Left menu*/
.menu-top {
	list-style:none;
	margin:0;
	padding:0;
	position: relative; /*IE bug*/
}

.menu-top__item {
	display: inline-block;
	padding: 0 30px 0 0;
}
.menu-top__item:last-child {
	padding-right: 0;
}

.menu-top__link {
	display: inline-block;
	padding: 10px 0;
	color:#000;
	font-size: 14px;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
}
.menu-top__link:last-child {
	padding-right: 0;
}

.menu-top__link:visited
{
	color:#333;
}

.menu-top__link:hover
{
	color:#444;
}

@media(min-width: 1880px) {

	.menu-top__link {
		font-size: 18px;
	}
}


/* End */


/* Start:/local/templates/klio/components/arturgolubev/search.title/header/style.css?17164033891391*/
.search__wrap {
	position: relative;
	background: #F3F4F5;
	border: 1px solid #E5E1E1;
	border-radius: 8px;
	padding: 10px 10px 7px 50px;
}
.search__input {
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
	padding: 0 0 3px 0;
	border-bottom: 1px solid transparent;
}
.search__input:focus {
	border: none;
	outline: none;
	border-bottom: 1px solid #ccc;
}
.search__btn {
	position: absolute;
	top: 11px;
	left: 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: none;
}

.search__ico {
	display: inline-block;
}

@media (min-width: 992px) {
	.search__btn {
		top: 13px;
		left: 25px;
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	.search__wrap {
		padding: 16px 10px 14px 70px;
	}
}

.title-search-result {
	border: 1px solid #ced4da;
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
/* End */


/* Start:/local/templates/klio/components/bitrix/sale.basket.basket.line/cart/style.css?16916907895084*/
.cart-mini {

}
.cart__icon {
	position: relative;
	display: inline-block;
}
.cart-mini__count {
	position: absolute;
	top: -5px;
	right: -20px;
	background: #efefef;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;

}

/*
.bx-basket { }

.basket-line-block {
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 13px;
}

.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
	position: relative;
	margin-right: 10px;
}

.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
	position: absolute;
	top: -1px;
	left: -25px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
}

.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/klio/components/bitrix/sale.basket.basket.line/cart/images/profile.svg); }

.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/klio/components/bitrix/sale.basket.basket.line/cart/images/cart.svg); }

*/

/*FIXED BASKET*/
/*
@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.vcenter {
		bottom: 10px;
		top: auto !important;
	}

	.bx-basket-item-list { display: none; }


}

/*.bx-basket-fixed */
/*
.bx-basket-fixed .basket-line-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .basket-line { line-height: 1.44em; }
*/
/* End */


/* Start:/local/templates/klio/components/bitrix/breadcrumb/.default/style.css?16916907891084*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	display: inline-block;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 14px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none; color: #222;text-decoration: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {color:#C65447;}

.breadcrumb__link {
	position: relative;
	padding-right: 15px;
}
.breadcrumb__link:before {
	content: '';
	position: absolute;
	top: 7px;
	right: -5px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left: 5px solid #C45448;
}
.breadcrumb__link:after {
	content: '';
	position: absolute;
	top: 7px;
	right: -4px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left: 5px solid #F3F4F5;
}

@media(min-width: 1820px){
	.bx-breadcrumb .bx-breadcrumb-item span {font-size: 16px}
}
/* End */


/* Start:/local/templates/klio/components/bitrix/menu/footer/style.css?1691690789581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/klio/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/klio/components/altasib/feedback.form/.default/form_style.css?169169076646740*/
.modal_form{
        border-radius:5px;
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        box-shadow:0 0 33px rgba(0,0,0,0.36);
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:40px 20px 40px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:#000;
        opacity:0.2;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
        text-align:left;
        line-height:50px;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin-left:60px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back *{
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/local/templates/klio/components/altasib/feedback.form/.default/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/local/templates/klio/components/altasib/feedback.form/.default/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
.alx-feedb-error{
        margin-top:20px;
}
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}
.afbf_item_pole{
        padding:0px;
        margin:40px 0px 30px;
        position:relative;
}
*html .afbf_item_pole{
        position:relative;
        z-index:1;
        zoom:1;
}
.afbf_item_pole .afbf_name{
        padding:0px;
        margin:0px 0px 6px 0px;
}


.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea,
.afbf_item_pole .afbf_inputtext{
        height:34px;
        width:100%;
        padding:7px 5px !important;
        font-size:14px;
        outline:none;
        border:1px solid #e0e0e0;
}
.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/local/templates/klio/components/altasib/feedback.form/.default/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:102px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:34px;
        min-width:100%;
}
.afbf_submit_block{
        margin:30px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
        display:inline-block;
        padding:15px 25px !important;
        border:none !important;
        text-transform:uppercase !important;
        text-decoration:none;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px !important;
        -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        cursor:pointer;
        font-size:16px !important;
        outline:none;
        -webkit-transition:all 0.2s ease-out;
        -o-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
}
.alx_feed_back .afbf_feedback_poles .afbf_btn:hover{
        -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/local/templates/klio/components/altasib/feedback.form/.default/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        background:#fff;
        border:none;
        position:relative;
        line-height:normal;
        background:url(/local/templates/klio/components/altasib/feedback.form/.default/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */


@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/local/templates/klio/components/altasib/feedback.form/.default/themes/theme_f1c9748165241562cd871d5084b58ce4.css?16916907663124*/
#alx_feed_back_FID1 .afbf_radio_circle
{
	border-color:#C65447;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after,
#alx_feed_back_FID1 .afbf_radio_check
{
	background-color:#C65447;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn
{
	color:#fff !important;
	background:#C65447 !important;
}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover
{
	color:#fff !important;
	background:#911F12 !important;
}
#alx_feed_back_FID1 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box
{
	background-color:#FFAFA2;
}
#alx_feed_back_FID1 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_focused .afbf_name
{
	color:#911F12;
}
#alx_feed_back_FID1.form_inputs_line .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#C65447), to(#C65447)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#C65447, #C65447), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#C65447, #C65447), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#C65447, #C65447), linear-gradient(#e0e0e0, #e0e0e0);
}
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0);
	-moz-background-size:100% 2px, 100% 1px;
	background-size:100% 2px, 100% 1px;
}
#alx_feed_back_FID1 .afbf_select, .afbf_textarea, .afbf_inputtext,
#alx_feed_back_FID1 .afbf_checkbox label
{
	color:#212121;
}
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_inputtext{
	border-color:#C65447;
}
/* End */


/* Start:/local/templates/klio/components/altasib/feedback.form/1click/form_style.css?169169078946791*/
.modal_form{
        border-radius:5px;
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        box-shadow:0 0 33px rgba(0,0,0,0.36);
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:40px 20px 40px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:#000;
        opacity:0.2;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
        text-align:left;
        line-height:50px;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin-left:60px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back *{
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/local/templates/klio/components/altasib/feedback.form/1click/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/local/templates/klio/components/altasib/feedback.form/1click/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
.alx-feedb-error{
        margin-top:20px;
}
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}
.afbf_item_pole{
        padding:0px;
        margin:15px 0px 15px;
        position:relative;
}
*html .afbf_item_pole{
        position:relative;
        z-index:1;
        zoom:1;
}
.afbf_item_pole .afbf_name{
        padding:0px;
        margin:0px 0px 6px 0px;
}


.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea,
.afbf_item_pole .afbf_inputtext{
        height:34px;
        width:100%;
        padding:7px 5px !important;
        font-size:14px;
        outline:none;
        border:1px solid #e0e0e0;
}
.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/local/templates/klio/components/altasib/feedback.form/1click/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:102px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:34px;
        min-width:100%;
}
.afbf_submit_block{
        margin:30px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
        display:inline-block;
        padding:15px 25px !important;
        border:none !important;
        text-transform:uppercase !important;
        text-decoration:none;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px !important;
        -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75);
        cursor:pointer;
        font-size:16px !important;
        outline:none;
        -webkit-transition:all 0.2s ease-out;
        -o-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
}
.alx_feed_back .afbf_feedback_poles .afbf_btn:hover{
        -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
        box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75);
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/local/templates/klio/components/altasib/feedback.form/1click/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/local/templates/klio/components/altasib/feedback.form/1click/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/local/templates/klio/components/altasib/feedback.form/1click/themes/theme_8c5e2a31323c3b5e07609f49170a9308.css?16916907893124*/
#alx_feed_back_FID2 .afbf_radio_circle
{
	border-color:#C65447;
}
#alx_feed_back_FID2 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after,
#alx_feed_back_FID2 .afbf_radio_check
{
	background-color:#C65447;
}
#alx_feed_back_FID2 .afbf_feedback_poles .afbf_btn
{
	color:#fff !important;
	background:#C65447 !important;
}
#alx_feed_back_FID2 .afbf_feedback_poles .afbf_btn:hover
{
	color:#fff !important;
	background:#911F12 !important;
}
#alx_feed_back_FID2 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box
{
	background-color:#FFAFA2;
}
#alx_feed_back_FID2 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID2.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID2.floating_labels .afbf_item_pole.is_focused .afbf_name
{
	color:#911F12;
}
#alx_feed_back_FID2.form_inputs_line .afbf_select,
#alx_feed_back_FID2.form_inputs_line .afbf_textarea,
#alx_feed_back_FID2.form_inputs_line .afbf_inputtext,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#C65447), to(#C65447)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#C65447, #C65447), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#C65447, #C65447), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#C65447, #C65447), linear-gradient(#e0e0e0, #e0e0e0);
}
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole .afbf_select,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea,
#alx_feed_back_FID2.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0);
	background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0);
	-moz-background-size:100% 2px, 100% 1px;
	background-size:100% 2px, 100% 1px;
}
#alx_feed_back_FID2 .afbf_select, .afbf_textarea, .afbf_inputtext,
#alx_feed_back_FID2 .afbf_checkbox label
{
	color:#212121;
}
#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_inputtext{
	border-color:#C65447;
}
/* End */


/* Start:/local/templates/klio/template_styles.css?174775354938471*/
body {
	background-attachment: fixed;
	background-size: cover;
	font-family: 'Mulish', Arial, sans-serif;
	min-width: 320px;
}
.fixed {
	overflow: hidden;
}
.wrapper {
	position: relative;
}
.bx-soa-pp-company-desc{
	color:#f00;
}

@media (min-width: 1820px){
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-hd {
		max-width: 1800px;
	}
	.col-hd {
		flex: 1 0 0%;
	}
	.row-cols-hd-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-hd-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-hd-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-hd-3 > * {
		flex: 0 0 auto;
		width: 33.333333%;
	}
	.row-cols-hd-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-hd-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-hd-6 > * {
		flex: 0 0 auto;
		width: 16.666667%;
	}
	.col-hd-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-hd-1 {
		flex: 0 0 auto;
		width: 8.333333%;
	}
	.col-hd-2 {
		flex: 0 0 auto;
		width: 16.666667%;
	}
	.col-hd-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-hd-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}
	.col-hd-5 {
		flex: 0 0 auto;
		width: 41.666667%;
	}
	.col-hd-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-hd-7 {
		flex: 0 0 auto;
		width: 58.333333%;
	}
	.col-hd-8 {
		flex: 0 0 auto;
		width: 66.666667%;
	}
	.col-hd-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-hd-10 {
		flex: 0 0 auto;
		width: 83.333333%;
	}
	.col-hd-11 {
		flex: 0 0 auto;
		width: 91.666667%;
	}
	.col-hd-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-hd-0 {
		margin-left: 0;
	}
	.offset-hd-1 {
		margin-left: 8.333333%;
	}
	.offset-hd-2 {
		margin-left: 16.666667%;
	}
	.offset-hd-3 {
		margin-left: 25%;
	}
	.offset-hd-4 {
		margin-left: 33.333333%;
	}
	.offset-hd-5 {
		margin-left: 41.666667%;
	}
	.offset-hd-6 {
		margin-left: 50%;
	}
	.offset-hd-7 {
		margin-left: 58.333333%;
	}
	.offset-hd-8 {
		margin-left: 66.666667%;
	}
	.offset-hd-9 {
		margin-left: 75%;
	}
	.offset-hd-10 {
		margin-left: 83.333333%;
	}
	.offset-hd-11 {
		margin-left: 91.666667%;
	}
	.g-hd-0,
	.gx-hd-0 {
		--bs-gutter-x: 0;
	}
	.g-hd-0,
	.gy-hd-0 {
		--bs-gutter-y: 0;
	}
	.g-hd-1,
	.gx-hd-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-hd-1,
	.gy-hd-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-hd-2,
	.gx-hd-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-hd-2,
	.gy-hd-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-hd-3,
	.gx-hd-3 {
		--bs-gutter-x: 1rem;
	}
	.g-hd-3,
	.gy-hd-3 {
		--bs-gutter-y: 1rem;
	}
	.g-hd-4,
	.gx-hd-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-hd-4,
	.gy-hd-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-hd-5,
	.gx-hd-5 {
		--bs-gutter-x: 3rem;
	}
	.g-hd-5,
	.gy-hd-5 {
		--bs-gutter-y: 3rem;
	}
}

a {
	color: #C65447;
}
a:hover {
	color: #C65447;
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

.btn {
	padding: 8px 30px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
}
.btn:hover {
	text-decoration: none;
}

.btn_border {
	border: 1px solid #C65447;
	border-radius: 4px;
	color: #C65447;
}
.btn_border:hover {
	/*border: 1px solid #C65447;*/
	background-color: #C65447;
	color: #fff;
}
.btn_orange {
	color: #fff;
	background-color: #C45448;
	border-color: #C45448;
}
.btn_orange:hover {
	color: #C45448;
	background-color: #fff;
	border-color: #C45448;
}
.btn_link {
	padding: 0;
}

.h1 {
	font-size: 20px;
	font-weight: bold;
	color: #292929;
	text-transform: uppercase;
}

.black {
	color: #000;
}

@media (min-width: 768px) {

	.btn_border {
		font-weight: bold;
		border-width: 2px;
		border-radius: 8px;
	}
	.h1 {
		font-size: 30px;
	}
}

@media (min-width: 1200px) {

}




/* Mobile Menu Button */
.toggle-hamburger {
	background: none;
	color: #303030;
	display: block;
	/*position: absolute;
	top: 15px;
	left: 15px;*/
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border: none;
	border-radius: unset;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	z-index: 9999;
}
.toggle-hamburger:focus {
	outline: none;
}

/* inner span stylings */
.toggle-hamburger span {
	display: block;
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	height: 2px;
	background: #303030;
}
.toggle-hamburger span::before, .toggle-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #303030;
	content: "";
}
.toggle-hamburger span::before {
	top: -10px;
}
.toggle-hamburger span::after {
	bottom: -10px;
}

/* animation */
.toggle-hamburger span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}
.toggle-hamburger span::before, .toggle-hamburger span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.toggle-hamburger span::before {
	-webkit-transition-property: top, transform;
	transition-property: top, transform;
}
.toggle-hamburger span::after {
	-webkit-transition-property: bottom, transform;
	transition-property: bottom, transform;
}

/* when menu open: */

.toggle-hamburger.active {
	position: absolute;
	top: 15px;
	right: 15px;
	background: transparent;
	border-color: transparent;
}
.toggle-hamburger.active span {
	background: none;
}
.toggle-hamburger.active span::before, .toggle-hamburger.active span::after {
	background-color: #E0E0E0;
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}
.toggle-hamburger.active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.toggle-hamburger.active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* popup-menu */

.shadow {
	overflow: hidden;
}

.shadow:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 1;
}

.popup-menu__block {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99;
	overflow: hidden;
}
.popup-menu__wrap {
	overflow-y: auto;
	max-height: 100%;
	padding-bottom: 30px;
}
.popup-menu__header {
	padding: 15px 0;
}
.popup-menu__logo {
	max-width: 160px;
}
.popup-menu__catalog {
	position: relative;
	padding: 14px 0 16px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	transition: 0.3s;
}
.popup-menu__catalog.open {
	padding-left: 30px;
}
.popup-menu__catalog-list {
	display: none;
}
.catalog-btn {
	position: relative;
	display: inline-block;
	color: #303030;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-bottom: 1px;
}
.catalog-btn:before {
	content: '';
	background: url("/local/templates/klio/images/ico/menu-btn-ico.svg") no-repeat center center;
	display: inline-block;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

.popup-menu__catalog:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: url("/local/templates/klio/images/ico/arrow-right-mini.svg") no-repeat center center;
	display: inline-block;
	width: 6px;
	height: 10px;
}

.popup-menu__catalog.open:after {
	left: 10px;
	right: auto;
	background-image: url("/local/templates/klio/images/ico/arrow-left-mini.svg");
}

.popup-menu__main-menu {
	margin: 15px 0;
}

.popup-menu__contacts-item {
	margin-bottom: 15px;
}

.popup-menu__phones {
	border-top: 1px solid #E0E0E0;
}

.popup-menu__phones-list {
	overflow: hidden;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}
.phones-list__item {
	margin-bottom: 20px;
}
.phones-list__link {
	display: flex;
	align-items: center;
	width: auto;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.phones-list__link:hover {
	text-decoration: none;
}
	.phones-list__ico-wrap {
		display: inline-block;
		margin-right: 10px;
	}
		.phones-list__ico {
			display: inline-block;
		}
	.phones-list__city {
		display: block;
		font-weight: normal;
		color: #222;
		text-decoration: none;
	}
	.phones-list__city:hover {
		color: #000;
		text-decoration: underline;
	}
	.phones-list__value {
		color: #222;
		text-decoration: none;
	}
	.phones-list__value:hover {
		color: #000;
		text-decoration: underline;
	}

.popup-menu__contacts-link {
	text-decoration: none;
}
.popup-menu__contacts-link:hover {
	text-decoration: none;
}

@media (min-width: 500px) {
	.toggle-hamburger.active {
		left: 440px;
		right: auto;
	}
	.popup-menu__block {
		max-width: 480px;
	}
}

@media (min-width: 992px) {
	.shadow {
		overflow: visible;
	}

	.shadow:before {
		display: none;
	}
	.popup-menu__block {
		display: none!important;
	}
}
/* END popup-menu */



/* .menu-top */
.header__menu {
	background-color: #E9E9E9;
}
/* END .menu-top */

/* .header */
.header__wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.header {
	position: relative;
	padding: 10px 0 72px;
}
	.header__menu-btn {
		order: 1;
		width: 20%;
	}
	.header__logo {
		order: 2;
		width: 30%;
	}
	.header__contacts {
		order: 4;
		width: 100%;
	}
		.phones__wrap {
			margin: 10px 0;
			position: relative;
		}
			.phones {
				margin: 0;
				padding: 0;
				list-style: none;
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				text-align: center;
				font-size: 10px;
			}
				a.phones__link {
					text-decoration: none;
					color: #000;
				}
				.phones__link:hover {
					text-decoration: none;
				}
				.phones__ico-wrap {
					color: #222;
					text-decoration: none;
				}
				.phones__ico-wrap:hover {
					color: #000;
					text-decoration: none;
				}
					.phones__ico {
						display: none;
					}
					.phones__item {
						width: 33.333333%;
						font-weight: bold;
					}
					.phones__city {
						display: block;
						font-weight: normal;
						color: #222;
						text-decoration: none;
					}
					.phones__city:hover {
						color: #000;
						text-decoration: underline;
					}
					.phones__value {
						display: inline-block;
						color: #222;
						text-decoration: none;
					}
					.phones__value:hover {
						color: #000;
						text-decoration: none;
					}
	.header__callback {
		display: none;
		order: 5;
	}
	.header__catalog {
		position: absolute;
		bottom: 0;
		left: 0;
		padding-top: 10px;
		background-color: #F3F4F5;

		order: 7;
		width: 100%;
		margin-top: 15px;
	}
	.header__search {
		order: 6;
		width: 100%;
	}
	.header__shop {
		position: relative;
		order: 3;
		width: 50%;
	}
		.shop-icons {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			text-align: center;
		}
		.shop-icons__item {
			width: 33.33333333%;
		}
		.shop-icons__text {
			display: none;
		}
		.logo__mini {
			max-width: 50px;
		}
.catalog-btn__container {
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	margin-right: auto;
	margin-left: auto;
}
.btn_catalog {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #303030;
	border-radius: 8px;
	color: #fff;
	vertical-align: middle;
}
.btn_catalog:hover {
	color: #fff;
	background-color: #C65447;
	text-decoration: none;
}

.catalog-btn__ico {
	position: relative;
	top: -1px;
	margin-right: 10px;
}


@media (min-width: 360px) {
	.header__logo {
		width: 40%;
	}
	.header__shop {
		width: 40%;
	}
	.phones {
		font-size: 12px;
	}
}
@media (min-width: 576px) {
	.catalog-btn__container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.header__menu-btn {
		width: 60px;
	}
	.header__logo {
		width: 70px;
	}
	.header__search {
		order: 3;
		width: 360px;
	}
	.header__callback {
		display: block;
		order: 4;
		width: 60px;
		text-align: center;
	}
	.header__shop {
		order: 5;
		width: 135px;
	}
	.header__contacts {
		order: 6;
		width: 100%;
		display: none;
	}
	.header__catalog {
		order: 7;
		width: 100%;
		margin-top: 15px;
	}

	.btn_callback {
		border: none;
		outline: none;
		background: none;
		margin: 0;
		padding: 0;
	}
	.callback__text {
		display: none;
	}
	.catalog-btn__container {
		max-width: 720px;
	}

}

@media (min-width: 992px) {
	.header {
		padding: 0;
	}
	.header:before {
		content: '';
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #E0E0E0;
	}
	.header__menu-btn {
		display: none;
	}
	.header__logo {
		width: 210px;
	}
	.header__contacts {
		order: 3;
		width: 500px;
		display: block;
	}
	.header__callback {
		display: block;
		order: 4;
		width: 215px;
		text-align: right;
		margin: 10px 0;
	}
	.header__catalog {
		order: 5;
		width: 270px;
		margin-top: 10px;

		position: relative;
		bottom: auto;
		left: auto;
		padding-top: 0;
		background-color: transparent;
	}
	.catalog-btn__container {
		padding: 0;
		margin: 0;
	}
	.header__search {
		order: 6;
		width: 360px;
		margin: 10px 30px 0;
	}
	.header__shop {
		order: 7;
		width: 235px;
		margin-top: 10px;
	}
	.shop-icons__text {
		display: block;
		font-size: 12px;
	}
	.shop-icons__link {
		text-decoration: none;
		color: #303030;
	}
	.btn_callback {
		padding: 15px 30px;
		border-radius: 8px;
		border: 1px solid #C65447;
		color: #C65447;
		font-size: 16px;
	}
		.callback__ico {
			display: none;
		}
		.callback__text {
			display: block;
		}
	.btn_catalog {
		line-height: 28px;
	}

	.contacts__wrap {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		margin-left: 90px;
		font-size: 16px;
		line-height: 22px;
	}
	.contacts-link {
		text-decoration: none;
	}
	.contacts-link:hover {
		text-decoration: none;
	}
	.contacts__ico {
		margin-right: 5px;
	}
	.phones__wrap {
		display: inline-block;
		width: 280px;
		height: 26px;
	}
	.phones__btn {
		content: '';
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 5px;
		width: 7px;
		height: 7px;
		border: 7px solid transparent;
		border-top: 7px solid #000;
		z-index: 9;
	}
	.open .phones__btn {
		top: 0;
		right: -80px;
		border-top: 7px solid transparent;
		border-bottom: 7px solid #000;
	}
	.phones {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		overflow: hidden;
		font-size: 16px;
		height: 26px;
		line-height: 22px;
		z-index: 1;
		width: 250px;
		background-color: #fff;
		border-radius: 4px;
	}
	.open .phones {
		width: 380px;
		height: auto;
		margin: -10px -40px -10px -10px;
		padding: 10px 40px 10px 10px;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		transition: box-shadow 0.5s ease-out;
	}
		.phones__item {
			text-align: left;
			width: 100%;
			margin-bottom: 15px;
		}
		.phones__item:last-child {
			margin-bottom: 0;
		}
			.phones__link {
				display: flex;
				align-items: center;
				width: auto;
			}
				.phones__ico-wrap {
					display: inline-block;
					margin-right: 10px;
				}
				.phones__ico {
					 display: inline-block;
				}
					.phones__city {
						display: inline-block;
					}
}

@media (min-width: 1200px) {

	.header__logo {
		margin: 20px 0;
	}
	.header__contacts {
		width: 680px;
	}
	.contacts__wrap {
		margin-left: 0;
		justify-content: space-around;
	}

	.header__search {
		width: 495px;
	}
	.header__shop {
		width: 280px;
	}

	.shop-icons__text {
		font-size: 16px;
	}

}

@media (min-width: 1400px) {

	.header__contacts {
		width: 850px;
	}

	.header__search {
		width: 630px;
	}
	.header__shop {
		width: 320px;
	}

}

@media (min-width: 1820px) {

	.header__logo {
		width: 240px;
	}
	.header__contacts {
		width: 1300px;
	}
	.phones__wrap {
		width: auto;
		height: auto;
	}
	.phones__btn {
		display: none;
	}
	.phones {
		position: relative;
		display: flex;
		justify-content: space-between;
		height: auto;
		width: 740px;
		font-size: 18px;
	}
	.phones__item {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}
	.phones__ico-wrap {
		display: inline-block;
		margin-right: 10px;
	}
	.phones__city {
		display: block;
	}

	.header__catalog {
		width: 435px;
	}

	.header__search {
		width: 800px;
		margin-left: 0;
		margin-right: 0;
	}
	.header__shop {
		width: 500px;
	}
/*
	.shop-icons__link {
		display: flex;
		align-items: center;
	}
	.shop-icons__img {
		margin-right: 10px;
	}
*/
}
.favor-ico {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 26px;
	height: 26px;
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	text-align: center;
	color: #C65447;
	vertical-align: middle;
}

.favor-ico:before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("/local/templates/klio/images/header/ico-fav.svg") no-repeat center center;
	vertical-align: middle;
}
.infavor .favor-ico:before {
	background-image: url("/local/templates/klio/images/header/ico-fav-in.svg");
}

.favor__col {
	position: absolute;
	top: -5px;
	left: 30px;
}

/* END .header */



.block-main__catalog {
	background: #fff;
}

.menu-catalog__container {
	padding-right: 1rem;
	padding-left: 1rem;
	margin-right: auto;
	margin-left: auto;


	max-width: 440px;
	max-height: 645px;
	overflow-y: auto;
	margin-bottom: 30px;
}
.menu-catalog__more {
	display: none;
	padding: 15px 10px 20px 20px;
}

.link-more {
	color: #C65447;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	text-decoration: none;
	vertical-align: middle;
}
.link-more:hover {
	text-decoration: none;
}
.link-more:after {
	content: '';
	display: inline-block;
	margin-left: 15px;
	background: url("/local/templates/klio/images/ico/arrow-right-red.svg") no-repeat center center;
	height: 16px;
	width: 25px;
	vertical-align: middle;
	transition: 0.3s;
}
.link-more:hover:after {
	margin-left: 20px;
}

@media (max-width: 767px) {
	.block-main__catalog .menu-catalog__item:last-child {
		border-bottom: none;
	}
}

@media (min-width: 360px) {
	.menu-catalog__more {
		padding-left: 45px;
	}
}

@media(min-width: 768px) {
	.block-main__catalog {
		display: none;
	}
}

@media(min-width: 1820px) {
	.block-main__catalog {
		display: block;
		width: 435px;
		height: 645px;
		order: 1;
		margin-top: 10px;
		border-radius: 4px;
	}
	.block-main__container {
		 width: 100%;
		 padding-right: 1rem;
		 padding-left: 1rem;
		 margin-right: auto;
		 margin-left: auto;
		 max-width: 1800px;
	 }
	.block-main__row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.block-main__slider {
		width: 1315px;
		order: 2;
	}
	.menu-catalog__container {
		margin-bottom: 0;
	}

	.menu-catalog__more {
		display: block;
	}
}


.slider__block {

}

.slider__side {
	width: 100%;
}
.slider__main {
	margin: 10px auto 50px;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
}
.slider__img {
	margin: 0 auto;
}
@media (min-width: 576px) {
	.slider__main {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.slider__main {
		max-width: 720px;
	}
	.slider__side {
		display: none;
	}
	.left-block__menu-container {
		margin-right: 15px;
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
	.slider__main {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.slider__main {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.slider__main {
		max-width: 1320px;
	}
}

@media (min-width: 1820px) {



	.slider__side {
		display: block;
		width: 660px;
		margin: 0;
	}
	.slider__main {
		max-width: 1800px;
		margin: 10px 0 0;
		padding: 0;
	}

}


.block {
	padding: 20px 0;
}
.block_red {
	background-color: #C65447;
	color: #000;
}
.block_grey {
	background-color: #F3F4F5;
}
.block__header {
	margin-bottom: 20px;
}
.block__title {
	font-size: 20px;
	font-weight: bold;
	color: #292929;
}
.block__link-all {
	text-align: right;
}
@media(min-width: 768px) {
	.block__title {
		font-size: 26px;
	}
}
@media(min-width: 1200px) {
	.block {
		padding: 30px 0;
	}
	.block__title {
		font-size: 30px;
	}
}


.banners__wrap {
	max-width: 290px;
	margin: 0 auto;
}

@media(min-width: 768px) {
	.banners__wrap {
		max-width: none;
	}
}

/* .buyers */
.buyers {
	max-width: 290px;
	margin: 0 auto;
}
.buyer__item {
	margin: 0;
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
}
.buyer__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	vertical-align: middle;
}
.buyer__link:hover {
	text-decoration: none;
}

.buyer__link:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 16px;
	background: url("/local/templates/klio/images/buyer/arrow-right.svg") no-repeat center center;
	background-size: contain;
	transition: 0.2s;
}
.buyer__link:hover:after {
	margin-left: 5px;
}

.buyer__link-text {
	display: none;
}

.buyer__ico {
	width: 40px;
	height: auto;
	margin-right: 15px;
}
.buyer__text {
	width: 160px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
}

@media(min-width: 768px) {
	.buyers {
		max-width: none;
	}
	.buyer__item {
		height: 100%;
	}
	.buyer__link {
		display: block;
	}
	.buyer__ico {
		width: auto;
		height: 60px;
		margin-right: 0;
	}
	.buyer__text {
		display: block;
		margin: 10px 0;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	.buyer__link-text {
		display: inline-block;
		font-weight: bold;
		margin-right: 10px;
	}
	.buyer__link:after {
		position: relative;
		top: 3px;
	}

}
/* END .buyers */

/* =============== Slider =============== */
.slider1__block {
	margin: 0 auto;
}
.slider1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.slider1__image {
	max-width: 100%;
	height: auto;
}

/* Dots */

.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li{
	position: relative;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button{
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	cursor: pointer;
	color: transparent;
	outline: none;
	background: none;
	border: 1px solid #C65447;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	opacity: 1;
	background: #C65447;
	border: 1px solid #000;
}

.slick-dots li.slick-active button {
	background: #C65447;
}
/* END Dots */

@media (min-width: 992px){
	.slick-dots li {
		width: 10px;
		height: 10px;
	}
	.slick-dots li button {
		width: 10px;
		height: 10px;
	}
}

.slick-dots li:first-child:last-child {
	display: none;
}

/* =============== Slick Slider Arrows =============== */

.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 38px;
	height: 38px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: 4px solid #F3F4F5;
	outline: none;
	background: #fff;
	border-radius: 50%;

	z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: #fff;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	position: relative;
	top: -9px;

	font-size: 42px;
	line-height: 1;

	opacity: 1;
	color: #C65447;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	left: -15px;
}
[dir='rtl'] .slick-prev
{
	right: 25px;
	left: auto;
}
.slick-prev:before
{
	content: '‹';  /* < */
}
[dir='rtl'] .slick-prev:before
{
	content: '›'; /* > */
}

.slick-next
{
	right: -15px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: 25px;
}
.slick-next:before
{
	content: '›'; /* > */
}
[dir='rtl'] .slick-next:before
{
	content: '‹';  /* < */
}
/* =============== END Slick Slider Arrows =============== */


/* =============== END Slider =============== */


.workarea {
	padding: 1px 0;
	background-color: #F3F4F5;
}
.bc {
	margin: 20px 0;
}
.workarea__header {
	margin: 20px 0 30px;
}
@media (min-width: 768px) {

	.workarea__header {
		margin: 30px 0 40px;
	}

}
@media (min-width: 992px) {

	.workarea {
		margin-top: 10px;
	}

}
@media (min-width: 1200px) {

	.workarea__header {
		margin: 40px 0 50px;
	}

}

.contact-cta {
	background: #292929 ;
	position: relative ;
	padding: 20px 0 30px ;
}

form.contact-cta__form {
	display: block ;
	width: 100% ;
	max-width: 290px ;
	margin: auto ;
}

span.contact-cta__text {
	display: block ;
	color: #fff ;
	font-size: 18px ;
	line-height: 22.59px ;
	text-align: center ;
	margin-bottom: 20px ;
}

input.contact-cta__input {
	display: block ;
	width: 100% ;
	border: none ;
	outline: none ;
	border-radius: 8px ;
	padding: 15px ;
}

input.contact-cta__email {
	background: #f4f4f4 ;
	margin-bottom: 10px ;
}

input.contact-cta__submit {
	color: #fff ;
	background: #c65447 ;
	border-radius: 8px ;
}

@media (min-width: 768px) {

	span.contact-cta__text {
		font-size: 16px ;
		line-height: 20px ;
		margin-bottom: 0 ;
		text-align: left ;
	}

	form.contact-cta__form {
		display: flex ;
		justify-content: space-between ;
		align-items: center ;
		max-width: 100% ;
	}

	.contact-cta__inputs {
		min-width: 450px ;
		display: flex ;
		justify-content: space-between ;
	}

	input.contact-cta__input {
		width: auto ;
	}

	input.contact-cta__email {
		margin-bottom: 0 ;
		width: 260px ;
	}

	input.contact-cta__submit {
		width: 180px ;
	}

	.contact-cta {
		padding: 20px 0 ;
	}
}

@media (min-width: 1200px) {
	span.contact-cta__text {
		font-size: 18px ;
		line-height: 23px ;
	}

	.contact-cta__inputs {
		min-width: 577px ;
	}

	span.contact-cta__text {
		font-size: 18px ;
		line-height: 23px ;
	}

	.contact-cta__inputs {
		min-width: 577px ;
	}

	input.contact-cta__input {
		width: auto ;
	}

	input.contact-cta__email {
		width: 367px ;
	}

	input.contact-cta__submit {
		width: 200px ;
	}
}


@media (min-width: 1820px) {

	span.contact-cta__text {
		font-size: 26px ;
		line-height: 33px ;
	}

	form.contact-cta__form {
		justify-content: center ;
	}

	span.contact-cta__text {
		padding-right: 50px ;
	}

}

.footer {
	padding-top: 48px ;
	padding-bottom: 40px ;
	background: #f2f2f2 ;
}

.footer__inner {
	display: block ;
	max-width: 290px ;
	margin: auto ;
}

.footer__logo-link {
	display: inline-block ;
}

.footer__logo-img {
	width: 134px ;
	height: 24px ;
}

.footer__text {
	display: none ;
}

.footer__col-3 {
	display: block ;
}

.footer__col-3-1 {
	margin-top: 29px ;
}

.footer-title {
	display: flex ;
	justify-content: space-between ;
	align-items: center ;
	border-top: 1px solid #e0e0e0 ;
}

.footer-title__text {
	display: block ;
	text-decoration: none ;
	font-weight: 700 ;
	font-size: 15px ;
	line-height: 18.83px ;
	color: #292929 ;
	padding-top: 11px ;
	padding-bottom: 8px ;
	padding-right: 161px ; /* расширение сенсорной зоны вправо для повышения юзабилити ссылки на мобильных */
}

.footer-title__text:hover {
	color: #292929 ;
	text-decoration: none ;
}

.footer-title__chevron-up {
	display: none ;
}

.footer-link {
	text-decoration: none ;
	font-size: 15px ;
	line-height: 18.83px ;
	color: #292929 ;
	margin-bottom: 10px ;
}

.footer-link:hover {
	color: #c65447 ;
}

.footer-link__purchase,
.footer-link__catalog,
.footer-link__info {
	display: none ;
}

.footer-link__spacer {
	display: none ;
	height: 9px ;
}

.footer-phone__city {
	color: #222;
	text-decoration: none;
}
.footer-phone__city:hover {
	 color: #000;
	 text-decoration: underline;
}
.footer-phone__value {
	color: #222;
	text-decoration: none;
}
.footer-phone__value:hover {
	color: #000;
	text-decoration: none;
}

.footer-callback {
	display: block ;
	width: 100% ;
	text-decoration: none ;
	text-align: center ;
	color: #c65447 ;
	border-radius: 8px ;
	border: 1px solid #c65447 ;
	padding: 14px 0 15px ;
	font-size: 15px ;
	line-height: 18.83px ;
	margin-top: 15px ;
	margin-bottom: 28px ;
}

.footer-mail__wrapper {
	width: 100% ;
	text-align: center ;
	margin-bottom: 31px ;
}

.footer-mail {
	position: relative ;
	display: inline-block ;
	color: #292929 ;
	font-size: 14px ;
	line-height: 17.57px ;
	padding-left: 34px ;
	text-decoration: none ;
}

.footer-mail:before {
	content: url('/images/footer-mail.svg');
	position: absolute ;
	left: 0 ;
	top: -3px ;
}

.footer-phone {
	position: relative ;
	display: block;
	color: #292929 ;
	font-size: 13px ;
	line-height: 37px ;
	padding-left: 34px ;
	text-decoration: none ;
}

.footer-phone:before {
	content: url('/images/footer-phone.svg');
	position: absolute ;
	left: 0 ;
	top: 6px ;
}

.footer-phone span {
	font-weight: 700 ;
}

.footer-phone:first-of-type {
	margin-top: 4px ;
}

.footer-phone br {
	display: none ;
}

.footer-title__text {
	display: block ;
	text-align: center ;
	font-weight: 700 ;
	font-size: 15px ;
	line-height: 18.83px ;
	color: #292929 ;
	margin-bottom: 4px ;
}

.footer-socials {
	width: 100% ;
	display: flex ;
	justify-content: center ;
	margin-bottom: 25px ;
}

.footer-socials__link {
	display: block ;
	padding: 7.5px ;
}

.footer-cards {
	display: block ;
	width: 155px ;
	margin: 14px auto 0 auto ;
}

@media (min-width: 768px) {
	.footer__inner {
		display: block ;
		max-width: none ;
	}

	.footer__logo-img {
		width: 173px ;
		height: 32px ;
	}

	.footer__col-1 {
		padding-bottom: 20px ;
	}

	.footer__col-3 {
		display: flex ;
	}

	.footer-title {
		margin-bottom: 7px ;
	}

	.footer-title__purchase {
		margin-top: 19px ;
	}

	.footer-link__purchase, a.footer-link__catalog, a.footer-link__info {
		display: block !important ; /* здесь !important чтобы превалировал над js */
	}

	.footer__col-3-1 {
		flex: 0 1 361px ;
		margin-top: 0 ;
		padding-right: 15px ;
	}

	.footer-phone {
		display: block ;
		font-size: 15px ;
		line-height: 18px ;
		margin-bottom: 12px ;
	}

	.footer-phone br {
		display: inline ;
	}
	.footer-phone__city {
		display: block;
	}

	.footer-callback {
		width: 216px ;
		margin-top: 0 ;
	}

	.footer-mail__wrapper {
		text-align: left ;
	}

	.footer-mail {
		font-size: 15px ;
	}

	.footer-mail:before {
		top: -2px ;
	}

	.footer-title__text {
		text-align: left ;
	}

	.footer__col-3-2 {
		flex: 0 1 510px ;
		padding-right: 15px ;
	}

	.footer__col-3-3 {
		flex: 0 1 302px ;
	}

	.footer__text {
		display: block ;
		margin-top: 20px ;
		color: #767676 ;
		font-size: 15px ;
		line-height: 20.25px ;
		padding-right: 54px ;
	}

	.footer-title {
		border-top: none ;
	}

	.footer-title__text {
		pointer-events: none ;
		padding-right: 0 ;
	}

	.footer-title__chevron-up, a.footer-title__chevron-down {
		display: none ;
	}

	.footer-socials {
		margin-left: -7.5px ;
		justify-content: flex-start ;
	}

	.footer-cards {
		margin: 14px 0 0 ;
	}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
	.footer__inner {
		display: flex ;
	}

	.footer__col-1 {
		flex: 0 1 595px ;
		padding-bottom: 0 ;
	}

	.footer__text {
		margin-top: 30px ;
	}

	.footer__col-3 {
		flex: 0 1 1173px ;
	}
}

@media (min-width: 1400px) {
	.footer__logo-img {
		width: 206px ;
		height: 38px ;
	}

	.footer__text {
		padding-right: 79px ;
		font-size: 18px ;
		line-height: 24.3px ;
		margin-top: 40px ;
	}

	.footer-mail {
		font-size: 18px ;
	}

	.footer-title__text, span.footer-title__text {
		font-size: 18px ;
		line-height: 22.59px ;
	}

	.footer-link {
		text-decoration: none ;
		font-size: 18px ;
		line-height: 22.59px ;
	}

	.footer__col-3-1, .footer__col-3-2 {
		padding-right: 60px ;
	}
}

@media (min-width: 1820px) {
	.footer__text {
		padding-right: 161px ;
	}
}

/* .popup */

.popup__block {
	min-width: 290px;
	max-width: 600px;
	/*max-height: 600px;*/
	padding: 50px 10px 20px;
	border-radius: 4px;
	background: #fafafa;
	position: fixed;
	top: 50%; left: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
	display: none;
	opacity: 0;
	z-index: 99;
	text-align: center;
}

.popup__close {
	width: 32px; height: 32px;
	position: absolute;
	font-size: 32px;
	line-height: 32px;
	top: 5px; right: 5px;
	cursor: pointer;
	display: block;
	transform: rotate(45deg);
}

#popup__overlay {
	z-index: 98;
	position: fixed;
	background: rgba(0,0,0,.7);
	width: 100%; height: 100%;
	top: 0; left: 0;
	cursor: pointer;
	display: none;
}
.popup__title {
	font-size: 18px;
	font-weight: bold;
}
@media (min-width: 576px){
	.popup__block {
		padding: 60px;
	}
	.popup__title {
		font-size: 27px;
	}
}

.popup-window-buttons .btn-buy {
	background-color: #292929;
	border-color: #292929;
	box-shadow: none;
	outline: none;
}


.modern-page-title {
	display: none;
}
div.modern-page-navigation a {
	display: inline-block;
	background-color: #FEEDE3;
	border-radius: 5px;
	border: none;
	margin-right: 3px;
	padding: 0 2px;
	font-weight: bold;
	text-align: center;
	color: #1A1A1A;

	min-width: 35px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
div.modern-page-navigation a.modern-page-dots {
	background: none;
}
div.modern-page-navigation a.modern-page-first, div.modern-page-navigation span.modern-page-first {
	padding: 0 2px;
}

div.modern-page-navigation span.modern-page-current {
	display: inline-block;
	border: none;
	background-color: #C45448;
	color: #fff;
	border-radius: 5px;
	margin-right: 3px;
	padding: 0 2px;
	font-weight: bold;
	text-align: center;

	min-width: 35px;
	height: 25px;
	line-height: 25px;
}

div.modern-page-navigation a.modern-page-previous,
div.modern-page-navigation a.modern-page-next {
	position: relative;
	display: inline-block;
	border: none;
	width: 35px;
	height: 25px;
	font-size: 0;
	color: transparent;
	background: none;
}

.modern-page-previous:before,
.modern-page-next:before {
	content: '';
	display: inline-block;

	position: absolute;
	top: 4px;
	right: 13px;

	width: 16px;
	height: 16px;
	border: 8px solid transparent;
	border-right-color: #1A1A1A;

}
.modern-page-previous:after,
.modern-page-next:after {
	content: '';
	display: inline-block;

	position: absolute;
	top: 4px;
	right: 12px;

	width: 16px;
	height: 16px;
	border: 8px solid transparent;
	border-right: 8px solid #F3F4F5;
}

.modern-page-next:before {
	left: 13px;
	right: auto;
	border-right-color: transparent;
	border-left-color: #1A1A1A;
}
.modern-page-next:after {
	left: 12px;
	right: auto;
	border-right-color: transparent;
	border-left-color: #F3F4F5;
}

/* subscription */
.subscription {
	background: #292929;
	color: #fff;
	padding: 15px 0;
}
.sendsay-type-embedded {
	width: 100%!important;
}
.subscription .sendsay-popup .sendsay-content {
	align-items: center;
	flex-direction: column;
}
.sendsay-label {
	display: none!important;
}
.sendsay-input {
	height: 50px!important;
	font-size: 16px!important;
	border-radius: 8px!important;
	padding: 0 15px!important;
}
.sendsay-button input {
	height: 50px!important;
	font-size: 16px!important;
	border-radius: 8px!important;
}

.sendsay-popup.sendsay-animation-none.sendsay-centered.sendsay-type-embedded {
	width: 100%!important;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}


@media(min-width: 360px) {
	.subscription .sendsay-text {
		font-size: 14px;
	}
}

@media(min-width: 768px) {
	.sendsay-popup.sendsay-animation-none.sendsay-centered.sendsay-type-embedded {
		width: 100%!important;
	}
	.subscription .sendsay-popup .sendsay-content {
		flex-direction: row;
	}
}


/* .lk-menu */
.menu-personal__block {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	z-index: 1;
}

.menu-personal {
	display: inline-block;
	margin: 0 auto;
	background-color: #fff;
	padding: 10px 15px;
	list-style: none;
	text-align: left;
}

.menu-personal__item {
	margin: 5px 0;
}
.menu-personal__link {
	text-decoration: none;
}

@media (min-width: 768px) {
	.menu-personal__block {
		top: 50px;
	}
}

/* .footer-menu */

.footer-links__block {
	border-top: 1px solid #e0e0e0;
}

.footer-links__btn {
	position: relative;
	border: none;
	outline: none;
	background: none;
	display: block;
	margin: 0;
	padding: 10px 0;
	width:100%;
	text-align: left;
}

@media (max-width: 767px) {
	.footer-links__btn:before {
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 0;
		content: '';
		width: 8px;
		height: 8px;
		border: 8px solid transparent;
		border-top: 8px solid #c65447;
	}
	.footer-links__btn:after {
		position: absolute;
		top: 50%;
		margin-top: -6px;
		right: 0;
		content: '';
		width: 8px;
		height: 8px;
		border: 8px solid transparent;
		border-top: 8px solid #f2f2f2;
	}

	.footer-links__btn.open:before {
		margin-top: -12px;
		border-top-color: transparent;
		border-bottom-color: #c65447;
	}
	.footer-links__btn.open:after {
		margin-top: -10px;
		border-top-color: transparent;
		border-bottom-color: #f2f2f2;
	}
}

.footer-links__btn:focus {
	outline: none;
}
.footer-links__title {
	font-weight: 700;
	font-size: 15px;
	line-height: 19px;
	color: #292929;
}
.footer-links {
	display: none;
	margin: 0;
	padding: 0 0 10px;
}
.footer-link {
	display: block;
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	color: #292929;
	margin: 10px 0;
}

@media (min-width: 768px) {
	.footer-links__block {
		border-top: none;
	}
	.footer-links {
		display: block!important;
	}
}
@media (min-width: 1400px) {
	.footer-links__title {
		font-size: 18px;
		line-height: 22px;
	}
}

.sitemap {
    display: flex;
    justify-content: center;
    width: 1500px;
    margin: 0 auto;
}
.non_el{
	list-style: none;
    font-size: 17px;
    font-weight: 600;
}

@media (max-width: 1000px) {
	.sitemap {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		flex-direction: column;
	}
}

@media (max-width: 1800px) {
	.sitemap {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}
}
.map_url::before{
display: none;
}

.catalog__top{
	margin-bottom: 30px;
}
.catalog__bottom {
	margin-top: 30px;
}

.order-alert {
    margin: 15px 0;
    font-weight: bold;
}

.cookie__note {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 12px;
	line-height: 1.2;
	background-color: #fff;
	border-top: 1px solid #222;
	z-index: 9999999999;
}
.cookie__main {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
}
.cookie_accept {
	margin-left: 15px;
	white-space: nowrap
}

.cookie__more {
	color: #c65447;
	border-bottom: 1px dashed #c65447;
	cursor: pointer;
}
.cookie__text {
	display: none;
}
@media (min-width: 768px) {
	.cookie__note {
		font-size: 14px;
	}
}
/* End */
/* /contacts/styles.css?16916907895560 */
/* /local/templates/klio/components/bitrix/catalog.section.list/menu_catalog/style.css?16916907891905 */
/* /local/templates/klio/components/bitrix/menu/popup-main/style.css?1691690789551 */
/* /local/templates/klio/components/bitrix/menu/top/style.css?1691690789591 */
/* /local/templates/klio/components/arturgolubev/search.title/header/style.css?17164033891391 */
/* /local/templates/klio/components/bitrix/sale.basket.basket.line/cart/style.css?16916907895084 */
/* /local/templates/klio/components/bitrix/breadcrumb/.default/style.css?16916907891084 */
/* /local/templates/klio/components/bitrix/menu/footer/style.css?1691690789581 */
/* /local/templates/klio/components/altasib/feedback.form/.default/form_style.css?169169076646740 */
/* /local/templates/klio/components/altasib/feedback.form/.default/themes/theme_f1c9748165241562cd871d5084b58ce4.css?16916907663124 */
/* /local/templates/klio/components/altasib/feedback.form/1click/form_style.css?169169078946791 */
/* /local/templates/klio/components/altasib/feedback.form/1click/themes/theme_8c5e2a31323c3b5e07609f49170a9308.css?16916907893124 */
/* /local/templates/klio/template_styles.css?174775354938471 */