/*
	Global Tobiz styles
*/

:root {

	--base-font-familty: 'Roboto', sans-serif;

	--cookie_text_fsize: var(--styles_cookies_fsize, 15px);
	--cookie_text_color: var(--styles_cookies_text_color, #353535);
	--cookie_bg: var(--styles_cookies_bg_color, #fff);
	--cookie_padding: 40px;
	--cookie_shadow: var(--styles_cookies_shadow, 0 2px 5px 5px rgba(0, 0, 0, .3));

	--cookie_btn_bg: var(--styles_cookies_btn_bg_color, #353535);
	--cookie_btn_hover_bg: var(--styles_cookies_btn_bg_hover_color, #353535);
	--cookie_btn_color: var(--styles_cookies_btn_text_color, #fff);
	--cookie_btn_radius: var(--styles_cookies_btn_radius, #fff);
	--cookie_btn_fw: 400;

	--section-image-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	--section-image-border: 10px solid #fff;
	
	
	
	--phone-text-color-default-auto: #000000;
	--autocontrast-text-color: #000000;
	
	
	/* Стили выпадающего меню */
	/* Цвета */
	--dropdown-menu-bg-color: #fff;
	--dropdown-menu-text-color: #333;
	--dropdown-menu-border-color: #f1f1f1;
	--dropdown-menu-hover-bg-color: #f8f9fa;
	--dropdown-menu-hover-text-color: #333;
	--dropdown-menu-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

	/* Размеры */
	--dropdown-menu-min-width: 220px;
	--dropdown-menu-item-padding: 4px 15px;
	--dropdown-menu-mobile-item-padding: 8px 15px 8px 25px;
	--dropdown-menu-line-height: 1.35;

	/* Анимации */
	--dropdown-menu-transition: all 0.3s ease;
	--dropdown-menu-item-transition: all 0.2s ease;

	/* Индикатор подменю */
	--dropdown-submenu-indicator-content: "\f107";
	--dropdown-submenu-indicator-spacing: 6px;
	--dropdown-submenu-indicator-font-size: 90%;

}


html,
body {
	height: 100%
}

body {
	font-family: var(--styles_text_font, var(--base-font-familty));
	font-weight: var(--styles_text_font_weight, 300);
	color: #000;
	word-wrap: break-word;
	background-color: #fff;

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

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
	font-weight: 500
}

.flexblock_content h1,
.flexblock_content h2,
.flexblock_content h3,
.flexblock_content h4,
.flexblock_content h5,
.flexblock_content h6 {
	font-weight: inherit
}

body.noscroll,
body.modal {
	overflow: hidden
}

body > #wrapper {
	max-width: 100%;
	overflow: hidden
}

p {
	padding: 0;
	margin: 0
}

.left {
	float: left
}
.right {
	float: right
}
.clear {
	clear: both
}

.clear480,
.clear320,
.clear320 {
	clear: both;
	display: none
}

.invis {
	display: none
}

.grayscale {
	filter: grayscale(100%);
	filter: gray
}

.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}

/* Image zoomer */
#img_zoomer_bg {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000
}
#img_zoomer {
	position: absolute;
	left: 50%;
	top: 50%;
	max-height: 90%;
	max-width: 90%;
	transform: translate(-50%, -50%);
	background-size: 100%;
	background-color: #fff;
	border: solid 1px #e2e2e2;
	outline: 5px solid #fff;
	background-position: center;
	transition: .2s ease-out;
}
#img_zoomer.image_big {
	height: 800px
}
#img_zoomer.portret {
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff
}
#img_zoomer.square {
	position: absolute;
	height: 80vh;
	width: 80vh;
	left: 50%;
	top: 50%;
	object-fit: contain;
	background-color: #fff
}
#img_zoomer_close {
	right: 50px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px #000;
	top: 50px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	transform: rotate(0deg);
	transition: all 600ms;
	filter: invert(1)
}
#img_zoomer_close.portret {
	color: #fff;
	font-size: 24px;
	height: 30px;
	left: 50%;
	line-height: 30px;
	margin-left: 230px;
	margin-top: -280px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px #000;
	top: 50%;
	width: 30px;
	cursor: pointer
}
#img_zoomer_close:hover {
	transform: rotate(180deg);
	filter: invert(1)
}


/* Section timer */
.objtimer {
	height: 100px;
	width: 600px;
	position: relative
}
.objtimer .days,
.objtimer .hrs,
.objtimer .min,
.objtimer .sec {
	font-size: 72px;
	position: absolute;
	width: 150px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	top: 0;
	font-family: 'Roboto', sans-serif
}
.objtimer .days_descr,
.objtimer .hrs_descr,
.objtimer .min_descr,
.objtimer .sec_descr {
	position: absolute;
	font-size: 18px;
	height: 30px;
	text-align: center;
	width: 150px;
	text-align: center;
	line-height: 30px;
	top: 70px;
	color: rgba(150, 150, 150, 0.7)
}
.objtimer .days,
.objtimer .hrs,
.objtimer .min,
.objtimer .sec {
	border-right: solid 1px #e2e2e2
}
.objtimer .days {
	border-left: solid 1px #e2e2e2
}
.objtimer .days,
.objtimer .days_descr {
	left: 0
}
.objtimer .hrs,
.objtimer .hrs_descr {
	left: 150px
}
.objtimer .min,
.objtimer .min_descr {
	left: 300px
}
.objtimer .sec,
.objtimer .sec_descr {
	left: 450px
}


/* Global buttons */
.btn1,
.btn2,
.btn3,
.btn4,
.btn5,
.btn6,
.btn6x,
.btn1x,
.btn2x,
.btn3x,
.btn4x,
.btn5x,
.submit_btn {
	cursor: pointer;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-align: center;
	white-space: normal;
	word-break: normal;
	height: auto;
	padding: 1rem 1.5rem;
	max-width: 100%;
	transition: .3s all
}

.btn1:not(.hidden),
.btn2:not(.hidden),
.btn3:not(.hidden),
.btn4:not(.hidden),
.btn5:not(.hidden),
.btn6:not(.hidden),
.btn6x:not(.hidden),
.btn1x:not(.hidden),
.btn2x:not(.hidden),
.btn3x:not(.hidden),
.btn4x:not(.hidden),
.btn5x:not(.hidden),
.submit_btn:not(.hidden) {
	position: relative;
	line-height: 1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

a.btn1,
a.btn2,
a.btn3,
a.btn4,
a.btn5 {
	text-decoration: none;
	display: block
}

a.hidden.btn1,
a.hidden.btn2,
a.hidden.btn3,
a.hidden.btn4,
a.hidden.btn5 {
	display: none
}

.btn1:hover,
.btn2:hover,
.btn3:hover,
.btn4:hover,
.btn5:hover,
.btn1x:hover,
.btn2x:hover,
.btn3x:hover,
.btn4x:hover,
.btn5x:hover {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: none !important
}

.section .surround {
	color: #000
}
.section.dark,
.section .extra_info_block.dark,
.section1011 .slides .next.dark,
.section .surround.dark,
.cookie_btn.dark {
	
	
	--phone-text-color-default-auto: #ffffff;
	--autocontrast-text-color: #fff;
	
	color: #fff
}
.section .light {
	--autocontrast-text-color: #000000;
	color: #000000;
}
.section .extra_info_block.dark .close {
	filter: invert(.9);
}

.section {
	width: 100%;
	position: relative;
	padding: 40px 0;
	line-height: 1.4;
	transition: .5s all;
	opacity: 1;
	
	background-position: var(--section-background-position, center center);
	background-repeat: var(--section-background-repeat, repeat);
	background-size: var(--section-background-size, cover);
	-o-background-size: var(--section-background-size, cover);
	-moz-background-size: var(--section-background-size, cover);
	-webkit-background-size: var(--section-background-size, cover);
}

@media (min-width: 800px) {
	.editor_false .section.hide_in_desktop {
		display: none !important
	}
}
/*.section.fixed {
	background-size: cover
}*/
.section.hide_line {
	border-bottom: none
}
.section.overflowY {
	overflow-y: hidden
}
.section.overflowX {
	overflow-x: hidden
}
.section.img_zoom .overlay_image_box[data-link=""] {
	cursor: pointer
}
.section.fixed_top {
	z-index: 900;
}
.section.fixed_top:not(.fixed_no_shadow) {
	box-shadow: 0 1px 4px 0 #ccc
}


/* Fixes for sliders, buttons and tiles */
.section > div.dark:not(.section_inner):not(.btn1):not(.text_block),
.slide > div.dark:not(.section_inner):not(.btn1):not(.col_4) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.section .title,
.section .sub_title {
	line-height: normal
}

.section img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.section_inner {
		
	--section-inner-width: var(--inner-width, 940px);
	--section-inner-max-width: 100%;
	
	width: var(--section-inner-width);
	max-width: var(--section-inner-max-width);
	margin: 0 auto;
	position: relative
}

/*@media (min-width: 1200px) {
	#wrapper.padding_wrapper .section:not(.section1117) .section_inner {
		max-width: calc(100% - var(--section1117-width))
	}
}*/

/* basic grid sizes */
.section_inner.width940 {
	--inner-width: 940px
}
.section_inner.width1170 {
	--inner-width: 1170px
}
.section_inner.width1400 {
	--inner-width: 1400px
}
.section_inner.width1680 {
	--inner-width: 1680px
}

/* permanently hot fix */
.section .section_inner.width0 {
	--inner-width: 940px !important;
}
.section1700.wide .section_inner,
.section1900.wide .section_inner,
.section .section_inner.width1 {
	--inner-width: 1170px !important;
}
.section.inner_width .section_inner {
	--section-inner-width: var(--inner-width, 1170px);
}
/* fix end */



.section_inner h1,
.section_inner h2,
.section_inner h3,
.section_inner h4 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: normal;
	font-size: inherit
}

.section .twentytwenty-handle {
	backdrop-filter: blur(3px);
}

.hidden {
	display: none !important;
}

div[data-link]:not([data-link=""]) {
	cursor: pointer;
}


/* Basket styles */
#basket_bg_thanks,
.popup_thanks {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	color: #333
}
#basket_bg_thanks {
	display: block
}
#basket_thanks_inner,
.popup_thanks_inner {
	width: 400px;
	height: auto;
	background: #fff;
	padding: 30px;
	border-radius: 3px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -230px
}
#basket_thanks_inner {
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 450px;
	width: 80%;
	margin-left: 0
}
.basket_thanks_title,
.popup_thanks_title {
	font-size: 24px
}
.basket_thanks_close,
.popup_thanks_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer
}


/* Popup forms styles */
.popup_form {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	z-index: 1250;
	overflow-y: auto;
	transition: .3s ease-in-out
}
.popup_form_inner {
	box-sizing: border-box;
	width: 420px;
	height: auto;
	background: #fff;
	padding: 30px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -190px;
	margin-bottom: 70px;
	transition: .3s ease-in-out
}
.popup_form.html_popup .popup_form_inner {
	background: transparent;
	padding: 0
}
body.editor_true .popup_form.html_popup .popup_form_inner {
	background: rgba(255, 255, 255, 1);
	border: dashed 1px red
}
.popup_form_title {
	font-size: 17px;
	margin-bottom: 15px;
	color: #000;
	margin-right: 20px
}
.popup_form_close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0;
	cursor: pointer;
	color: #000;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	transform: rotate(0deg);
	transition: all 600ms
}
.popup_form_close:hover {
	opacity: 1;
	transform: rotate(180deg)
}
.popup_form_text {
	font-size: 12px;
	color: #000;
	line-height: 16px
}


.button {
	background-image: url(/img/btn_bg.png);
	background-repeat: repeat-x
}

#policy {
	width: 600px;
	height: 380px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -210px;
	border: solid 1px #e2e2e2;
	box-shadow: 3px 3px 10px -3px #000;
	padding: 20px;
	background: #fff
}
#policy .close_x {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 10px;
	text-align: center;
	line-height: 20px;
	cursor: pointer
}
#policy .close_btn {
	width: 250px;
	margin: 20px 0 0 0;
	height: 30px;
	text-align: center;
	border: solid 1px #e2e2e2;
	line-height: 30px;
	cursor: pointer
}
#policy .close_btn:hover {
	background: #f2f2f2
}
#policy p {
	text-align: left
}



/*
.menu1.hover_menu_border_bottom > ul > li > a {
	padding: .65rem;
	border-bottom: none;
	cursor: pointer
}
.menu1.hover_menu_border_bottom > ul > li.level0 {
	position: relative
}
.menu1.hover_menu_border_bottom > ul > li.level0:hover:before {
	content: '';
	width: 80%;
	border-bottom: 2px solid;
	height: 2px;
	position: absolute;
	left: 10%;
	bottom: 0
}
.menu1.hover_menu_border_bottom > ul > li:before {
	content: '';
	width: 80%;
	border-bottom: 2px solid transparent;
	height: 2px;
	position: absolute;
	left: 10%;
	bottom: 0;
	transition: .3s all
}
.menu1.hover_menu_border_bottom > ul > .level0 > a:hover {
	background: none
}
.menu1.hover_menu_border_bottom.hover_menu_border_triangle > ul > li.level0 > a:hover::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid #999
}

.menu1.hover_menu_border_top li a {
	padding: 9px 0;
	border-bottom: none;
	cursor: pointer
}
.menu1.hover_menu_border_top li.level0 {
	position: relative
}
.menu1.hover_menu_border_top li.level0:hover:after {
	content: '';
	width: 80%;
	border-top: 2px solid #999;
	height: 2px;
	position: absolute;
	left: 10%;
	top: 0
}
.menu1.hover_menu_border_top li.level0:after {
	content: '';
	width: 80%;
	border-top: 2px solid transparent;
	height: 2px;
	position: absolute;
	left: 10%;
	top: 0;
	transition: .3s all
}
.menu1.hover_menu_border_top .level0 a:hover {
	background: none
}

.menu1.hover_menu_border_top li.level1:before {
	content: '';
	width: 2px;
	border-top: 2px solid transparent;
	height: 0%;
	position: absolute;
	left: 50%;
	top: 0%;
	transition: .5s all
}

.menu1.hover_menu_border_top li.level1:hover:before {
	content: '';
	width: 30%;
	border-top: 2px solid #999;
	height: 2px;
	position: absolute;
	left: 0%;
	top: 0
}*/

/* разделители меню */
.menu1.menu_separate li.level0 a {
	border-right: 1px solid;
	margin: 0;
	padding: 7px 10px;
	border-bottom: none
}
.menu1.menu_separate.animate_menu li.level0 a,
.menu1.menu_separate.hover_menu_shadow li.level0 a {
	padding: 23px 10px;
	border: none
}
.menu1.menu_separate li.level0:last-child a {
	border-right: none
}



#wrapper .brd_animation.btn2:after,
#wrapper .brd_animation.btn1:after {
	content: '';
	width: calc(100%);
	position: absolute;
	height: calc(100% - 6px);
	left: 0;
	top: 0;
	border-top: 3px solid;
	border-bottom: 3px solid;
	transition: 0.5s all
}

#wrapper .brd_animation.btn2:before,
#wrapper .brd_animation.btn1:before {
	content: '';
	position: absolute;
	height: 100%;
	width: calc(100% - 6px);
	left: 0;
	top: 0;
	border-left: 3px solid;
	transition: 0.5s all;
	border-right: 3px solid
}

#wrapper .brd_animation.btn2:hover:after,
#wrapper .brd_animation.btn1:hover:after {
	content: '';
	width: 20%;
	position: absolute;
	height: calc(100% - 6px);
	left: 40%;
	top: 0;
	border-top: 3px solid;
	border-bottom: 3px solid;
	transition: 0.5s all
}

#wrapper .brd_animation.btn2:hover:before,
#wrapper .brd_animation.btn1:hover:before {
	content: '';
	width: calc(100% - 6px);
	position: absolute;
	height: 0%;
	left: 0;
	top: 50%;
	border-left: 3px solid;
	transition: 0.5s all;
	border-right: 3px solid
}

#wrapper .btn2.brd_animation,
#wrapper .btn1.brd_animation {
	border: none;
	position: relative
}

.animate .btn1,
.animate .btn2,
.animate .btn3 {
	transition: unset
}

.btn1.surround,
.btn2.surround,
.btn3.surround {
	border: none !important;
	border-radius: 2px
}
.btn1.surround:hover,
.btn2.surround:hover,
.btn3.surround:hover {
	border: 2px solid
}
.btn1:active,
.btn2:active,
.btn3:active {
	filter: invert(25%);
	transform: scale(.98)
}

.video_bg {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
}

#copyright {
	background: #fff;
	
}
#copyright .section_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	color:#000
}
#copyright a {
	color: inherit
}
#copyright a:hover {
	color: #ff3100
}
#copyright img {
	margin-left: 10px
}
#copyright.section {
	padding: 25px 0
}

.popup_wrapper_inner::before {
	content: '\f023';
	position: absolute;
	right: 33px;
	top: 30px;
	line-height: 60px;
	font-size: 50px;
	font-family: FontAwesome;
	color: #ff3100;
	background: #fff;
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0 0 4px 1px #dedede
}

#popup_wrapper{
	width: 800px;
	padding: 30px;
	height: 420px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -430px;
	margin-top: -280px;
	z-index: 9999;
	background: #fff5f5;
	text-align: center;
	border: 5px solid #fff;
	border-radius: 5px
}


.popup_wrapper_inner{
	height: 85%;
	width: 91%;
	margin: 0 auto;
	border: 1px solid #000;
	margin-top: 25px;
	border-radius: 5px
}

#popup_wrapper_title{
	font-size: 30px; 
	padding-top: 30px
}
#popup_wrapper_subtitle a{
	color:#333
}
#popup_wrapper .btn{
	display: block; 
	position: absolute; 
	text-align: center; 
	text-decoration: none; 
	border: 2px solid rgb(255, 255, 255); 
	background: #ff3100 none repeat scroll 0 0; 
	color: rgb(255, 255, 255); 
	top: 265px; 
	width: 290px; 
	height: 50px; 
	text-transform: uppercase;
	border-radius: 30px;
	line-height: 50px; 
	font-size: 22px;
	transform: translateX(-50%);
	left: 50%
}
#popup_wrapper .btn:hover{
	background: #fb8c00 none repeat scroll 0 0
}

#popup_wrapper_line1{
	position: absolute;
	font-size: 24px;
	left: 50%;
	top: 355px;
	transform: translateX(-50%)
}
#popup_wrapper_line2{
	position: absolute;
	top: 175px;
	left: 50%;
	width: 500px;
	transform: translateX(-50%)
}

.for_hide,
.product_card {
	display: none
}

.section.dark .extra_info_block_wrapper {
	color: #313131
}
.extra_info_block_wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.7);
	z-index: 1400;
	top: 0;
	left: 0;
	color: #313131;
	overflow-x: hidden;
    overflow-y: auto;
	display: none
}
.extra_info_block {
	width: 900px;
	padding: 30px 50px 60px;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)}

.extra_info_block .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	cursor: pointer;
	font-size: 0;
	color: #ccc
}
.widget .extra_info_block .close:before {
	opacity: 0
}
.widget .extra_info_block .close {
	line-height: 20px;
	font-size: 0;
	top: 1rem;
	right: 1rem;
	width: 15px;
	height: 15px;
	padding: 0;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%
}

.extra_info_block .close .fa {
	font-size: 0
}
.extra_info_block .close {
	color: #8d8d8d
}
.extra_info_block .close:hover {
	color: #e8102b
}
.extra_info_block .close:before {
	content: '\f00d';
	width: 20px;
	height: 20px;
	font-family: FontAwesome;
	font-size: 20px;
	color:inherit
}
.extra_info_block .close:hover {
	color:#000
}
.extra_images_big .extra_info_block {
	border: none
}
.extra_images_big .extra_info_block .right .extra_info1,
.extra_images_big .extra_info_block .right .extra_info2,
.extra_images_big .extra_info_block .right .extra_info3,
.extra_images_big .extra_info_block .right .extra_info4,
.extra_images_big .extra_info_block .right .extra_info5 {
	max-height: unset
}
.extra_images_big .extra_info_block .btn1x, 
.extra_images_big .extra_info_block .btn2x,
.extra_images_big .extra_info_block .btn3x,
.extra_images_big .extra_info_block .btn4x,
.extra_images_big .extra_info_block .btn5x {
	margin-bottom: 30px
}
.extra_info_block .right .extra_info1,
.extra_info_block .right .extra_info2,
.extra_info_block .right .extra_info3,
.extra_info_block .right .extra_info4,
.extra_info_block .right .extra_info5 {
	overflow-x: hidden
}
.extra_info_block .right .btn1,
.extra_info_block .right .btn2,
.extra_info_block .right .btn3,
.extra_info_block .right .btn4,
.extra_info_block .right .btn5 {
	margin-left: 0;
	margin-bottom: 50px
}
.extra_info_block .btn1x,
.extra_info_block .btn2x,
.extra_info_block .btn3x,
.extra_info_block .btn4x,
.extra_info_block .btn5x {
	margin-left: 0;
	height: 40px;
	width: 250px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-top: 10px
}
.extra_info_block .extra_images_in_card {
	margin-top: 1rem;
}
.extra_info_block .extra_image {
	float: left;
	margin-right: 10px !important;
	cursor: pointer;
	height: 90px;
	width: 126px
}
.extra_info_block .extra_images_in_card .extra_image{
	width: 126px;
	height: 90px
}
.extra_info_block.s150 .extra_images_in_card .extra_image{
	width: 100px;
	height: 75px
}
.extra_info_block.s120 .extra_images_in_card .extra_image{
	width: 100px;
	height: 100px
}
.extra_info_block.s300 .extra_images_in_card .extra_image{
	width: 100px;
	height: 145px
}
.extra_info_block.s200 .extra_images_in_card .extra_image{
	width: 100px !important;
	height: 100px !important
}
.extra_images_big .left{
	margin-right: 30px
}
.extra_images_big .extra_info_block .right{
	width: 50%
}
.extra_images_big .extra_info_block .right .extra_info1,
.extra_images_big .extra_info_block .right .extra_info2,
.extra_images_big .extra_info_block .right .extra_info3, 
.extra_images_big .extra_info_block .right .extra_info4, 
.extra_images_big .extra_info_block .right .extra_info5{
	max-width: 100%;
	width: 100%;
	max-height: auto;
	overflow-x: initial;
	margin-bottom: 40px
}
.extra_images_big .extra_info_block.s120,
.extra_images_big .extra_info_block.s150,
.extra_images_big .extra_info_block.s200,
.extra_images_big .extra_info_block.s300{
	width: 100%;
	min-height: 100%;
	padding: 100px;
	display: flex;
	justify-content: center;
	transform: none;
	top: 0;
	left: 0;
	position: relative;
	/*overflow: auto;*/	
}
.extra_info_block.s120,
.extra_info_block.s150,
.extra_info_block.s200,
.extra_info_block.s300{
	width: 720px
}
.extra_info_block.s300{
	width: 840px
}
.extra_info_block.s300 .left{
	display: flex;
	justify-content: space-between;
	width: 55%
}
.extra_images_big .extra_info_block.s300 .left{
	display: block;
	width: 420px
}
.extra_images_big .extra_info_block.s300 .left .extra_images_in_card{
	margin-left: 0
}
.extra_images_big .extra_info_block.s300 .right{
	width: calc(100% - 450px)
}
.extra_info_block.s300 .left .extra_images_in_card{
	margin-left: 10px
}
.extra_info_block.s300 .extra_images_in_card .extra_image{
	margin-bottom: 10px
}
.extra_info_block .extra_image.last{
	margin-right: 0
}
.show_extra_info{
	cursor: pointer
}


.image_screen{
	position: absolute;
	width: 820px;
	box-sizing: border-box;
	margin-left: 60px;
	overflow: hidden;
	height: 90px
}
.image_wrapper{
	height: 90px;
	width: 10000px;
	position: absolute;
	left: 0;
	top: 0
}

.choose_btns .btn_choose{
	width: 50px; 
	height: 50px; 
	background: #ccc
}

#basket_btn{
	position: fixed;
	right: 30px;
	top: 120px;
	padding: 10px;
	background: #fff;
	cursor: pointer;
	border: 1px solid #e9e9e9;
	z-index: 1120;
	border-radius: 4px;
	box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px
}

#basket_btn.animate{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-animation-name: swing;
	animation-name: swing
}

#basket_btn i{
	font-size: 28px;
	color: #343a40;
	position: relative
}
#basket_btn:hover i {
	opacity: .8
}
#basket_btn span {
	position: absolute;
	top: -8px;
	right: -8px;
	background: #dc3545;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center
}
#basket_form_bg{
	pointer-events: none;
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000
}
#basket_form_inner{
	pointer-events: auto;
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: auto;
	max-width: 700px;
	height: 100vh;
	max-height: 100vh;
	box-sizing: border-box;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0 19px 38px, rgba(0, 0, 0, 0.22) 0 15px 12px;
	transition: .3s cubic-bezier(.87, 0, .13, 1);
	padding-bottom: 77px
}
#basket_left,
#basket_right {
	width: 100%;
	max-width: 100%;
	border: none;
	padding: 0;
	height: auto;
	box-sizing: border-box;
}

#basket_left{
	overflow-y: auto;
	border-top: 1px solid #e2e2e2;
	width: 700px
}
#basket_right{
	padding: 30px;
	display: none;

	flex-direction: column;
	align-items: flex-end
}
#basket_right.active {
	display: flex
}
#basket_left .tools,
#basket_left .btn-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 15px 30px;
	background: rgba(245,245,245,1);
	width: calc(100% - 60px)
}
#basket_left .btn-group {
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-end;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #e2e2e2
}
#basket_left .item{
	font-size: 16px;
	border-bottom: 1px solid #e2e2e2;
	display: flex;
	justify-content: space-between;
	padding: 10px 30px
}
.item-title-in-title {
	font-size: 16px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}
#basket_left .item.caption div{
	font-size: 14px;
	color: #333
}
#basket_left .item.caption{
	font-size: 16px;
	color: #666;
	position: sticky;
	top: 0;
	background: rgba(245,245,245,.9);
	white-space: nowrap
}
#basket_left .item.caption .image{
	height: auto
}

#basket_left .item .image{
	background-image: url(/img/no_photo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px auto
}
#basket_left .item.caption .image{
	background: none
}
#basket_left .item .image,
#basket_left .item .image img{
	width: 100px;
	height: 100px;
	float: left
}
#basket_left .item .image img{
	background: #fff
}
.text-muted {
	font-size: 13px;
	color: #6c757d;
	font-weight: 300
}
#basket_left .item .title{
	width: 250px;
	float: left;
	margin-left: 20px
}
.item-price-in-title,
#basket_left .item:not(.caption) .itogo {
	font-weight: 500
}
#basket_left .item .quantity{
	width: 80px;
	float: left;
	margin-left: 20px
}
#basket_left .item .quantity input{
	width: 50px;
	text-align: center;
	border: solid 1px #e2e2e2;
	border-radius: 3px
}
#basket_left .item .itogo{
	width: 100px;
	float: left;
	margin-left: 20px;
	text-align: right
}
#basket_left .item .remove .fa{
	color:#d63a3a
}
#basket_left .item .remove{
	width: 30px;
	float: right;
	text-align: center;
	cursor: pointer
}
#basket_form_itogo{
	text-align: right;
	font-size: 18px;
	width: 100%
}
#basket_form_itogo > span {
	font-weight: 500
}

#basket_form_default_agreement{
	font-size: 13px;
	margin-top: 10px;
	text-align: right;
	text-align: left
}
#basket_form_default_agreement a{
	color: inherit
}

#basket_title,
#basket_make_order,
#basket_descr,
#basket_form_default_agreement {
	width: 60%
}

#basket_form_close{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0;
	cursor: pointer;
	color: #000;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	transform: rotate(0deg);
	transition: all 600ms
}
#basket_form_close:hover{
	color: #dc3545
}

#basket_continue{
	background: transparent;
	border: 1px solid #454545;
	color: #454545;
	font-size: 16px;
	padding: 12px 14px;
	font-weight: 500;
	width: unset;
	height: auto; 
	line-height: 1;
	border-radius: 2px;
	margin-right: 30px;
	transition: .3s ease-in-out;
	cursor: pointer
}

#basket_continue:hover{
	background: #454545;
	color: #fff
}

#basket_next_step {
	background: #FF4742;
	color: #fff;
	font-size: 16px;
	padding: 12px 14px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 2px;
	transition: .3s ease-in-out
}
#basket_next_step:hover {
	filter: brightness(90%);
}
.basket_title {
	font-size: 28px;
	letter-spacing: 2px;
	padding: 20px 30px 5px
}
.basket_title i {
	margin-right: 10px
}
.basket_descr {
	font-size: 14px;
	padding: 0 30px 15px;
	color: #6c757d
}
#basket_title {
	font-size: 18px;
	margin-bottom: 14px
}
#basket_descr {
	margin-top: 15px
}

#basket_make_order input[type="checkbox"]{
	height: auto
}

#basket_make_order input[type="number"],
#basket_make_order input[type="email"],
#basket_make_order input[type="text"],
#basket_make_order textarea,
#basket_make_order select {
	background: #fff;
	box-sizing: border-box;
	height: 50px;
	margin-bottom: 10px;
	max-width: 100%;
	min-width: 220px;
	width: 100%;
	border: 1px solid #d1d1d1;
	background: #f2f2f2;
	border-radius: 3px
}
#basket_make_order input[type="checkbox"] {
	margin-bottom: 15px
}

#basket_make_order textarea{
	max-width: 100%;
	min-width: 220px;
	height: 150px;
	max-height: 250px;
	min-height: 100px
}
#basket_make_order input[type="submit"]{
	height: 50px;
	background: #FF6600;
	color: #fff;
	border: none;
	width: 100%;
	border-radius: 3px;
	transition: .3s all
}
#basket_make_order input[type="submit"]:hover{
	background: #333
}


iframe {
	border: none;
	outline: none;
}
.video_holder{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-size: cover;
	background-position: center center;
	box-sizing: border-box;
	position: relative;
	transition: .2s ease;
	max-width: 100%;
	cursor: pointer
}
.video_holder[data-hosting="rutube"]:hover {
	background-image: var(--live-preview) !important;
}
.video_holder[data-hosting="youtube"]:after {
	background: #ff0101 none repeat scroll 0 0;
	border-radius: 10px;
	color: #fff;
	content:"";
	cursor: pointer;
	display: block;
	font-family: FontAwesome;
	font-size: 28px;
	height: 50px;
	left: 50%;
	line-height: 50px;
	margin-left: -40px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80px;
	max-width: 100%
}
.video_holder[data-hosting="youtube"]:hover::after{
	background: #000;
	color: #fff
}
.video_holder[data-hosting="VK"]:after,
.video_holder[data-hosting="Platforma"]:after,
.video_holder[data-hosting="vimeo"]:after {
	content:"\f04b";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 28px !important;
    position: absolute;
    top: 50%;
    left: 50%;
	color: #fff;
    width: 75px;
    height: 75px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
	transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.video_holder[data-hosting="VK"]:hover::after,
.video_holder[data-hosting="Platforma"]:hover::after,
.video_holder[data-hosting="vimeo"]:hover::after {
	background-color: rgba(0, 0, 0, 0.4);
	width: 85px;
    height: 85px;
}

.video_holder[data-hosting="rutube"]:after {
	background-color: #00A1E7;
	content:"\f04b";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px !important;
    position: absolute;
    top: 50%;
    left: 50%;
	color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_holder[data-hosting="rutube"]:hover::after {
	display: none;
}

.placeholder-tile {
	background-color: #f5f5f5;
	opacity: 0.7;
}

.btn.surround.animation::after,
.btn1.surround.animation::after,
.btn2.surround.animation::after,
.btn3.surround.animation::after,
.btn4.surround.animation::after,
.btn5.surround.animation::after {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-image: url(/img/btn_animation.png);
	background-repeat: no-repeat !important;
	animation: slide 2s infinite;
}


.back_dark {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%
}

.section.no_image{
	background-image: none !important
}
.section.fixed{
	background-attachment: fixed;
	-webkit-overflow-scrolling: touch
}


.bg_text.style_0 .text, 
.bg_text.style_1 .text, 
.bg_text.style_2 .text, 
.bg_text.style_3 .text, 
.bg_text.style_4 .text{
	background-color: rgba(255,255,255, 1);
	color: #212121;
	padding: 10px
}

.noise {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.noise_new.pattern_fixed {
	background-attachment: fixed
}
.noise_new {
	position: absolute;
	left: 0%;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat
}


.menu_mobile_btn {
	display: none
}
#wrapper{
	position: relative
}


::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: var(--scrollbar_width, 12px);
	height: 1px
}
::-webkit-scrollbar {
	width: var(--scrollbar_width, 12px)
}
::-webkit-scrollbar-button {
	background: #ececec;
	width: 12px;
	height: 0
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: var(--scrollbar_thumb_radius, 10px);
	border-radius: var(--scrollbar_thumb_radius, 10px);
	background-color: var(--scrollbar_thumb_bg, #5ad0ff);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
::-webkit-scrollbar-track {
	background-color: var(--scrollbar_track_bg, #eaeaea)
}
#window_inner::-webkit-resizer,
#sections_preview::-webkit-resizer,
#window.add_section #window_inner::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 4px;
	height: 1px
}
#window_inner::-webkit-scrollbar,
#sections_preview::-webkit-scrollbar,
#window.add_section #window_inner::-webkit-scrollbar {
	width: 4px
}
#window_inner::-webkit-scrollbar-button,
#sections_preview::-webkit-scrollbar-button,
#window.add_section #window_inner::-webkit-scrollbar-button {
	background: #ececec;
	width: 4px;
	height: 0
}
#window_inner::-webkit-scrollbar-thumb,
#sections_preview::-webkit-scrollbar-thumb,
#window.add_section #window_inner::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #5ad0ff;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 5px
}
#window_inner::-webkit-scrollbar-track,
#sections_preview::-webkit-scrollbar-track,
#window.add_section #window_inner::-webkit-scrollbar-track {
	background-color: #eaeaea
}
.table_wrap::-webkit-scrollbar-track {
	background: none
}
.table_wrap{
	position: relative
}

#copyright #tobiz_link a{
	text-decoration: none
}

#copyright #tobiz_link span{
	display: block;
	float: right;
	font-size: 14px;
	line-height: 20px
}
#copyright #tobiz_link .like_logo{
	font-size: 44px;
	line-height: 40px;
	margin-left: 5px;
	color: #000;
	font-weight: 400;
	font-family: "MuseoSansCyrl", sans-serif
}

.my_orders .my_orders_paginator{
	display: flex;
	margin-top: 20px
}
.my_orders .page_picker{
	display: block;
	text-align: center;
	cursor: pointer;
	width: 30px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	color: #333;
	border-bottom: 1px solid
}
.my_orders .page_picker:hover{
	background: #c1c1c1
}
.my_orders .my_orders_title{
	font-size: 20px;
	margin-bottom: 10px
}

.widget{
	background: #dbdbdb
}

#popup_img_prev,
#popup_img_next {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	cursor: pointer;
	z-index: 10;
	transition: background-color 0.3s ease
}
#popup_img {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 20001
}

#popup_img:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}

#popup_img_wrap {
	display: inline-block;
	max-width: calc(93% - 66px);
	position: relative;
	vertical-align: middle;
	text-align: left;
	margin-left: 33px
}

#popup_img_wrap img {
	max-width: calc(100% - 50px);
	vertical-align: middle;
	padding: 5px;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer
}

#popup_img_prev,
#popup_img_next {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	cursor: pointer;
	z-index: 10;
	transition: background-color 0.3s ease
}

#popup_img_prev {
	left: 70px
}

#popup_img_next {
	right: 70px
}

#popup_img_prev:hover,
#popup_img_next:hover {
	background-color: rgba(0, 0, 0, 0.65)
}

#popup_img_prev i,
#popup_img_next i {
	color: #fff;
	font-size: 40px;
	line-height: 56px
}

#popup_img_prev i {
	margin-right: 5px;
	font-size: 28px;
	line-height: 58px
}

#popup_img_next i {
	margin-left: 5px;
	font-size: 28px;
	line-height: 58px
}

#close_popup_img {
	display: inline-block;
	font-size: 32px;
	color: red;
	vertical-align: top;
	margin-left: 20px;
	width: 24.7px;
	height: 24.7px;
	cursor: pointer;
	font-weight: 300;
	transition: opacity 0.3s ease;
	display: block;
	position: absolute;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
	right: 40px;
	top: 4px;
	color: #000
}
#close_popup_img{
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(/img/editor_icons/cancel.svg) no-repeat center;
	background-size: 100%;
	transform: rotate(0deg);
	transition: all 600ms;
	filter: invert(1);
	top: 20px;
	right: 60px
}
#close_popup_img:hover{
	opacity: 1;
	transform: rotate(180deg)
}
#close_popup_img:hover {
	opacity: 0.7
}

#preload,
#popup_img_hide {
	display: none
}
#preload {
	position: absolute;
	z-index: 1;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	top: 50%;
	left: 50%;
	background: url(/i/loader.gif) no-repeat scroll center rgba(0, 0, 0, .3);
	opacity: 0.8;
	border-radius: 3px
}

@media screen and (max-width: 1255px) {
	#popup_img_prev {
		left: 10px
	}
	#popup_img_next {
		right: 10px
	}
	#popup_img_wrap img {
		padding: 10px
	}
}

@media screen and (max-width :442px) {
	#popup_img_wrap {
		max-width: 94%;
		margin: 0;
		position: relative
	}
	#popup_img_wrap img {
		max-width: 96%
	}
	#close_popup_img {
		position: absolute;
		top: 20px;
		margin: 0;
		right: 25px;
		top: 10px
	}
	#popup_img_wrap img {
		padding: 1px
	}
	#popup_img_prev,
	#popup_img_next {
		top: 90%;
		background-color: rgba(255, 255, 255, .3)
	}
}
#basket_title{
	margin-bottom: 10px
}
#basket_make_order input, #basket_make_order textarea{
	padding: 10px
}

#basket_make_order input, 
#basket_make_order textarea {
	outline: none;
	height: 40px;
	resize: none;
	font-size: 16px
}

#basket_promo, #basket_delivery{
	text-align: right;
	padding: 3px 0
}
#basket_delivery {
	width: 100%
}
#basket_promo input{
	margin-left: 10px;
	padding: 10px 14px;
	border: 1px solid #d1d1d1;
	background: #fff;
	border-radius: 3px
}

#basket_form_itogo span.promo{
	color: green;
	text-transform: none;
	font-size: 16px;
	position: absolute;
	top: 30px;
	right: 60px
}

#basket_delivery div{
	font-size: 12px
}

.this span.finger_tap{
	animation-name: scale_move;
	animation-duration: 4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 1s
}

.section .menu-toogler_fixed,
.section .menu_mobile_btn,
.section .menu-toogler_widget,
.section .menu-toogler {
	background: url(/img/editor_icons/menu_2.svg) no-repeat center;
	background-size: 85%;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.section .menu_mobile_btn .fa,
.section .menu-toogler_widget .fa,
.section .menu-toogler .fa {
	display: none
}

.conf_item.style_editor {
	margin: 20px 0
}

.link_on:not([data-link=""]):hover {
	cursor: pointer
}

.find_popup::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 1px
}
.find_popup::-webkit-scrollbar {
	width: 5px
}
.find_popup::-webkit-scrollbar-button {
	background: #ececec;
	width: 5px;
	height: 0
}
.find_popup::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 0;
	background-color: #5ad0ff;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px
}
.find_popup::-webkit-scrollbar-track {
	background-color: #eaeaea
}


.alerts {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	width: 100%
}
.alerts .alert {
	width: 90vw;
	max-width: 600px;
	margin: 15px auto;
	box-shadow: 5px 5px 5px -5px #000;
	padding: 10px 20px;
	color: #856404;
	background: #fff3cd;
	border: solid 1px #ffeeba;
	border-radius: 2px;
	box-sizing: border-box
}
.alerts .alert.type_success {
	background: #d4edda;
	color: #155724;
	border: solid 1px #c3e6cb
}
.alerts .alert.type_error {
	color: #721c24;
	background: #f8d7da;
	border: solid 1px #f5c6cb
}

.section .arr1.finded_in_page .col_4 {
	box-shadow: 0 0 2px 1px #f1bc8b
}

.modal_bg .modal_body.flexblock_popup .field input[type="submit"] {
	font-size: 16px !important
}
.section306 .form_wrapper .field.mailment_agreement {
	max-width: unset !important;
	margin-top:14px;
}

.img_pifpaf {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.sn-fb,
.sn-ins {
	display: none !important
}

.sn svg {
	max-width: 70%;
	max-height: 70%;
	width: 30px;
	height: 30px;
	transition: .3s all
}

.sn-rutube,
.sn-zen {
	display: flex;
	align-items: center;
	justify-content: center
}

.sn-rutube {
	background-color: #000
}

.sn-zen {
	background-color: #2C3036;
	display: flex
}
.sn-zen svg {
	width: 25px;
	height: 25px
}
.sn-zen:not(.hidden) {
	display: flex !important
}


.social_icons_ng {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row;
	gap: 12px;
}
.social_icons_ng .sn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 34px;
	height: 34px;
	font-size: 20px;
	font-family: FontAwesome;
	text-decoration: none;
	transition: 0.3s;
}
.social_icons_ng.icon-circle .sn {
	border-radius: 50%;
}

.social_icons_ng .sn-vk {
	background: #507299;
}
.social_icons_ng .sn-vk:after {
	content: "";
}
.social_icons_ng .sn-ins {
	background: #f8cc01;
	background: linear-gradient(45deg, #f8cc01 0, #e8102b 51%, #7d39b0 100%);
}
.social_icons_ng .sn-ins:after {
	content: "";
}
.social_icons_ng .sn-whatsup {
	background: #3ebe2b;
}
.social_icons_ng .sn-whatsup:after {
	content: "";
}
.social_icons_ng .sn-fb {
	background: #405d9a;
}
.social_icons_ng .sn-fb:after {
	content: "";
}
.social_icons_ng .sn-youtube {
	background: #e62117;
}
.social_icons_ng .sn-youtube:after {
	content: "";
}
.social_icons_ng .sn-o:after {
	content: "";
}
.social_icons_ng .sn-o {
	background: #ee7808;
}
.social_icons_ng .sn-vimeo:after {
	content: "\f27d";
}
.social_icons_ng .sn-vimeo {
	background: #00adef;
}
.social_icons_ng .sn-viber svg {
	max-width: 70%;
	max-height: 70%;
	width: 20px;
	height: 20px;
}
.social_icons_ng .sn-viber {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #7d3daf;
}
.social_icons_ng .sn-tg {
	background-color: #08c;
}
.social_icons_ng .sn-tg:after {
	content: "\f1d9";
}

.cookie_notice {
	display: none;
	position: fixed;
	z-index: 9999999;
	bottom: 1.5rem;
	left: 1.5rem;
	font-size: var(--cookie_text_fsize);
	width: 425px;
	max-width: calc(100% - 3rem);
	color: var(--cookie_text_color);
	background: var(--cookie_bg);
	line-height: 1.5;
	padding: var(--cookie_padding);
	box-sizing: border-box;
	box-shadow: var(--cookie_shadow)
}

.cookie_button_wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px
}
.cookie_btn {
	background-color: var(--cookie_btn_bg);
	border-radius: var(--cookie_btn_radius);
	border-style: none;
	box-sizing: border-box;
	color: var(--cookie_btn_color);
	cursor: pointer;
	display: inline-block;
	font-size: var(--cookie_text_fsize);
	font-weight: var(--cookie_btn_fw);
	line-height: 1.5;
	margin: 0;
	max-width: none;
	min-width: 10px;
	outline: none;
	overflow: hidden;
	padding: 9px 20px 8px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	width: 45%;
	white-space: nowrap
}
.cookie_btn:hover {
	background-color: var(--cookie_btn_hover_bg)
}
.cookie_btn:focus {
	outline: 2px solid rgba(0,0,0,.45)
}

@media (max-width: 560px) {
	.cookie_notice {
		padding: 1.5rem;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%
	}
	.cookie_btn {
		padding: 8px
	}
}

#no_blocks {
	padding-bottom: 30px
}

.button-jittery {
	animation: jittery 4s infinite;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px
}
.button-jittery:hover {
	animation: heartbeat 0.4s infinite
}

/* Зачем? */
/*@media only screen and (min-width: 1920px) {
	.section {
		background-size: cover
	}
}*/

.section.cheese {
	padding: 0 !important;
	height: 100vh !important;
	display: flex;
	align-items: center
}

.map_inner {
	background: url('/img/map_p_3.jpg')
}

.help-ico {
	color: #303030;
	transition: .2s ease
}
.help-ico:hover {
	color: #212121
}

.txt1 ul li::marker {
	color: inherit
}

.section .btn_wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.section .phones-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 160px;
    gap: 10px 0;
}
.section a.logo_text,
.section .phones-wrapper .zphone a {
	text-decoration: none;
	color: inherit;
}
.section .phones-wrapper .zphone {
	color: var(--phone-text-color, var(--phone-text-color-default-auto));
	font-size: var(--phone-font-size, 20px);
	font-weight: var(--phone-font-weight, 500);
}
.section .logo {
	flex-shrink: 0;
}
.section .logo_img img {
	display: block;
	height: auto;
	width: 100%;
	max-height: 100px;
	object-fit: contain;
}

@media screen and (max-width: 350px) {
	.section .btn_wrapper {
		flex-direction: column
	}
	.section .btn_wrapper .item_counter {
		margin-right: 0 !important;
		margin-bottom: 15px
	}
}
.section .btn_wrapper .item_counter {
	position: relative;
	margin-right: 15px;
	display: inline-flex;
	flex-direction: row;
	align-items: stretch;
	text-align: center;
	font-size: 14px
}
.section .btn_wrapper .item_counter .item_operation {
	width: 25px;
	border: 1px solid #dedede;
	box-sizing: border-box;
	background-color: #f5f5f5;
	transition: .3s ease-out;
	font-weight: 600;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center
}
.section .btn_wrapper .item_counter .item_operation:hover {
	cursor: pointer;
	background: #dedede
}
.section .btn_wrapper .item_counter input {
	width: 36px;
	padding: 5px;
	border: 1px solid #dedede;
	background-color: #fcfcfc;
	box-sizing: border-box;
	transition: .3s ease-out;
	border-left: none;
	border-right: none;
	text-align: center
}
.section .btn_wrapper .item_counter input:hover {
	background: #f3f3f3
}

/* Прячем стандартные стрелки инпута */
/* Chrome, Safari, Edge, Opera */
.section .btn_wrapper .item_counter input::-webkit-outer-spin-button,
.section .btn_wrapper .item_counter input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}
/* Firefox */
.section .btn_wrapper .item_counter input[type=number] {
	-moz-appearance: textfield
}

.section .btn_wrapper .new_basket_btn {
	width: auto !important;
	height: auto !important;
	padding: 12px !important;
	margin: 0 !important
}
.price_without_discount {
	position: relative;
	/*text-align: center;*/
	opacity: .7
}


.section .image_move img {
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.5s ease;
    transform: perspective(1000px) rotateY(0deg) scale(1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.section .image_move img:hover {
    transform: perspective(1000px) rotateY(15deg) scale(1.05);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
.section .image_move .arr1:nth-child(2n) img:hover {
    transform: perspective(1000px) rotateY(-15deg) scale(1.05);
}


/* CLIP PATH SECTION - START */
body.no_clip .section.clip_influx {
	clip-path: none;
	z-index: unset !important
}
.section.clip_path1 {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--clip_height, 60px)), 0% 100%);
	transition: .3s ease-in-out
}
.section.clip_path2 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - var(--clip_height, 60px)));
	transition: .3s ease-in-out
}
.section.clip_path3 {
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--clip_height, 60px)), 50% 100%, 0% calc(100% - var(--clip_height, 60px)));
	transition: .3s ease-in-out
}
.section.clip_path4 {
	clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% calc(100% - var(--clip_height, 60px)), 80% 100%, 20% 100%, 0 calc(100% - var(--clip_height, 60px)), 0 0);
	transition: .3s ease-in-out
}
.section.clip_path5 {
	clip-path: polygon(50% 0%, 80% 0, 100% 0, 100% calc(100% - 60px), 80% calc(100% - 20px), 50% 100%, 20% calc(100% - 20px), 0 calc(100% - 60px), 0 0, 20% 0);
	transition: .3s ease-in-out
}
.section.clip_path6 {
	clip-path: polygon(100% 0, 100% calc(100% - var(--clip_height, 60px)), 98% 100%, 96% calc(100% - var(--clip_height, 60px)), 94% 100%, 92% calc(100% - var(--clip_height, 60px)), 90% 100%, 88% calc(100% - var(--clip_height, 60px)), 86% 100%, 84% calc(100% - var(--clip_height, 60px)), 82% 100%, 80% calc(100% - var(--clip_height, 60px)), 78% 100%, 76% calc(100% - var(--clip_height, 60px)), 74% 100%, 72% calc(100% - var(--clip_height, 60px)), 70% 100%, 68% calc(100% - var(--clip_height, 60px)), 66% 100%, 64% calc(100% - var(--clip_height, 60px)), 62% 100%, 60% calc(100% - var(--clip_height, 60px)), 58% 100%, 56% calc(100% - var(--clip_height, 60px)), 54% 100%, 52% calc(100% - var(--clip_height, 60px)), 50% 100%, 48% calc(100% - var(--clip_height, 60px)), 46% 100%, 44% calc(100% - var(--clip_height, 60px)), 42% 100%, 40% calc(100% - var(--clip_height, 60px)), 38% 100%, 36% calc(100% - var(--clip_height, 60px)), 34% 100%, 32% calc(100% - var(--clip_height, 60px)), 30% 100%, 28% calc(100% - var(--clip_height, 60px)), 26% 100%, 24% calc(100% - var(--clip_height, 60px)), 22% 100%, 20% calc(100% - var(--clip_height, 60px)), 18% 100%, 16% calc(100% - var(--clip_height, 60px)), 14% 100%, 12% calc(100% - var(--clip_height, 60px)), 10% 100%, 8% calc(100% - var(--clip_height, 60px)), 6% 100%, 4% calc(100% - var(--clip_height, 60px)), 2% 100%, 0 calc(100% - var(--clip_height, 60px)), 0 0);
	transition: .3s ease-in-out
}
.section.clip_path7 {
	clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%, 9% 94%, 17% 98%, 25% 95%, 33% 97%, 45% 99%, 45% 99%, 57% 98%, 72% 94%, 71% 97%, 78% 95%)
}
.section.clip_path10 {
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 1% 99.79%, 2% 99.18%, 3% 98.29%, 4% 97.26%, 5% 96.27%, 6% 95.50%, 7% 95.06%, 8% 95.05%, 9% 95.45%, 10% 96.20%, 11% 97.18%, 12% 98.21%, 13% 99.12%, 14% 99.75%, 15% 100%, 16% 99.82%, 17% 99.24%, 18% 98.37%, 19% 97.34%, 20% 96.35%, 21% 95.55%, 22% 95.08%, 23% 95.03%, 24% 95.40%, 25% 96.13%, 26% 97.10%, 27% 98.13%, 28% 99.05%, 29% 99.71%, 30% 99.99%, 31% 99.85%, 32% 99.30%, 33% 98.44%, 34% 97.43%, 35% 96.42%, 36% 95.60%, 37% 95.11%, 38% 95.02%, 39% 95.36%, 40% 96.06%, 41% 97.01%, 42% 98.05%, 43% 98.99%, 44% 99.67%, 45% 99.99%, 46% 99.88%, 47% 99.36%, 48% 98.52%, 49% 97.51%, 50% 96.50%, 51% 95.66%, 52% 95.13%, 53% 95.01%, 54% 95.32%, 55% 96.00%, 56% 96.93%, 57% 97.97%, 58% 98.92%, 59% 99.63%, 60% 99.98%, 61% 99.90%, 62% 99.41%, 63% 98.60%, 64% 97.59%, 65% 96.57%, 66% 95.71%, 67% 95.16%, 68% 95.00%, 69% 95.28%, 70% 95.93%, 71% 96.85%, 72% 97.89%, 73% 98.85%, 74% 99.59%, 75% 99.97%, 76% 99.92%, 77% 99.46%, 78% 98.67%, 79% 97.67%, 80% 96.65%, 81% 95.77%, 82% 95.19%, 83% 95.00%, 84% 95.24%, 85% 95.87%, 86% 96.77%, 87% 97.80%, 88% 98.78%, 89% 99.54%, 90% 99.95%, 91% 99.94%, 92% 99.51%, 93% 98.74%, 94% 97.76%, 95% 96.73%, 96% 95.83%, 97% 95.22%, 98% 95.00%, 99% 95.21%, 100% 95.81%);
	transition: .3s ease-in-out
}
.section.clip_path11 {
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 1% 99.96%, 2% 99.84%, 3% 99.65%, 4% 99.39%, 5% 99.07%, 6% 98.70%, 7% 98.29%, 8% 97.85%, 9% 97.41%, 10% 96.97%, 11% 96.54%, 12% 96.15%, 13% 95.79%, 14% 95.50%, 15% 95.26%, 16% 95.10%, 17% 95.01%, 18% 95.01%, 19% 95.08%, 20% 95.23%, 21% 95.45%, 22% 95.74%, 23% 96.08%, 24% 96.47%, 25% 96.89%, 26% 97.33%, 27% 97.77%, 28% 98.21%, 29% 98.62%, 30% 99.00%, 31% 99.33%, 32% 99.61%, 33% 99.81%, 34% 99.94%, 35% 100%, 36% 99.97%, 37% 99.87%, 38% 99.69%, 39% 99.44%, 40% 99.13%, 41% 98.77%, 42% 98.37%, 43% 97.94%, 44% 97.49%, 45% 97.05%, 46% 96.62%, 47% 96.22%, 48% 95.86%, 49% 95.55%, 50% 95.30%, 51% 95.13%, 52% 95.02%, 53% 95.00%, 54% 95.06%, 55% 95.19%, 56% 95.40%, 57% 95.68%, 58% 96.01%, 59% 96.39%, 60% 96.81%, 61% 97.24%, 62% 97.69%, 63% 98.13%, 64% 98.55%, 65% 98.94%, 66% 99.28%, 67% 99.56%, 68% 99.78%, 69% 99.93%, 70% 99.99%, 71% 99.98%, 72% 99.90%, 73% 99.73%, 74% 99.49%, 75% 99.19%, 76% 98.84%, 77% 98.44%, 78% 98.02%, 79% 97.58%, 80% 97.13%, 81% 96.70%, 82% 96.29%, 83% 95.92%, 84% 95.60%, 85% 95.34%, 86% 95.15%, 87% 95.04%, 88% 95.00%, 89% 95.04%, 90% 95.16%, 91% 95.36%, 92% 95.62%, 93% 95.94%, 94% 96.32%, 95% 96.73%, 96% 97.16%, 97% 97.61%, 98% 98.05%, 99% 98.47%, 100% 98.87%);
	transition: .3s ease-in-out
}
@media (min-width: 800px) {
	.editor_false .section.clip_path1.clip_influx,
	.editor_false .section.clip_path2.clip_influx,
	.editor_false .section.clip_path3.clip_influx,
	.editor_false .section.clip_path4.clip_influx,
	.editor_false .section.clip_path6.clip_influx {
		margin-bottom: calc(-1 * var(--clip_height, 60px))
	}
	.editor_false .section.clip_path5.clip_influx {
		margin-bottom: -60px
	}
	.editor_false .section.clip_path8.clip_influx {
		margin-bottom: -49px
	}
	.editor_false .section.clip_path7.clip_influx,
	.editor_false .section.clip_path10.clip_influx,
	.editor_false .section.clip_path11.clip_influx {
		margin-bottom: var(--cliped-margin-bottom)
	}
}
@media (max-width: 800px) {
	.section {
		-webkit-clip-path: none !important;
				clip-path: none !important
	}
	.section.clip_influx {
		margin-bottom: 0 !important
	}
}
/* CLIP PATH SECTION - END */



/* Спойлер для больших каталогов */
.editor_false .hide_long_catalog .catalog_items {
	max-height: 2000px;
	overflow: hidden;
	padding: 10px 0 120px
}
.hide_long_catalog_spoiler {
	display: none
}
.editor_false  .hide_long_catalog .catalog_items .hide_long_catalog_spoiler {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	height: 200px;
	width: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--bg_color, #ffffff) 60%);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #696969;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transition: .2s
}
.editor_false  .hide_long_catalog .catalog_items .hide_long_catalog_spoiler:hover {
	text-decoration: underline;
	color: #555;
	cursor: pointer
}
/* --- */


.editor_false .no_pointer_events {
	pointer-events: none;
}




/* Стили для меню (выпадающее меню) */
#wrapper ul li a {
	font-size: inherit
}
#wrapper .menu1 ul li,
#wrapper .menu2 ul li,
#wrapper .menu3 ul li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
#wrapper [class*="menu"] ul .level1 a {
	line-height: 2
}
#wrapper [class*="menu"] ul li a {
	font-size: inherit;
	line-height: normal;
	text-overflow: ellipsis;
	white-space: break-spaces;
}

[class*="menu"] ul > li > ul {
	list-style: none;
	position: absolute;
	min-width: var(--dropdown-menu-min-width);
	background-color: var(--dropdown-menu-bg-color);
	box-shadow: var(--dropdown-menu-shadow);
	opacity: 0;
	visibility: hidden;
	text-align: left;
	transform: translateY(10px);
	transition: var(--dropdown-menu-transition);
	z-index: -10;
	padding: 0;
}
[class*="menu"] ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 100;
}
[class*="menu"] ul > li > ul > li {
	border-bottom: 1px solid var(--dropdown-menu-border-color);
}
[class*="menu"] ul > li > ul > li:last-child {
	border-bottom: none;
}
[class*="menu"] ul > li > ul > li.level1 > a {
	display: block;
	padding: var(--dropdown-menu-item-padding);
	line-height: var(--dropdown-menu-line-height);
	color: var(--dropdown-menu-text-color);
	text-decoration: none;
	transition: var(--dropdown-menu-item-transition);
}
[class*="menu"] ul > li > ul > li > a:hover {
	background-color: var(--dropdown-menu-hover-bg-color);
	color: var(--dropdown-menu-hover-text-color);
}

/* Индикаторы подменю */
[class*="menu"] ul > li.has-submenu > a::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: var(--dropdown-submenu-indicator-content);
	margin-left: var(--dropdown-submenu-indicator-spacing);
	font-size: var(--dropdown-submenu-indicator-font-size);
}

/* Мобильная адаптация */
@media (max-width: 800px) {
	[class*="menu"] ul > li > ul {
		position: static;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		border-top: none;
		background-color: transparent
	}
	[class*="menu"] ul > li.active > ul {
		display: block
	}
	[class*="menu"] ul > li > ul > li.level1 {
		border: none
	}
	[class*="menu"] ul > li > ul > li.level1 > a {
		padding: var(--dropdown-menu-mobile-item-padding);
		color: inherit
	}

	/* Убираем hover-эффекты для мобильных */
	[class*="menu"] ul > li > a:hover,
	[class*="menu"] ul > li > ul > li > a:hover {
		background-color: transparent;
		padding-left: 15px;
	}
	[class*="menu"] ul > li > ul > li > a:hover {
		padding-left: 25px
	}
}
/* Выпадающее меню END */


@media screen and (max-width: 640px) {
	.section .field.captcha_field {
		margin-bottom: 0;
	}
	.captcha_field .h-captcha {
		transform: scale(0.85);
		transform-origin: 0 0;
	}
}



@keyframes swing {
	20% {
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes btn-image-animation {
	from {
		background-position: -150% 0
	}
	to {
		background-position: 150% 0
	}
}

@keyframes btn_rotate_move {
	0% {
		transform: rotate(3deg)
	}
	5% {
		transform: translateX(2px)
	}
	10% {
		transform: rotate(-3deg)
	}
	15% {
		transform: translateX(-2px)
	}
	20% {
		transform: translateY(-5px);
		transform: rotate(3deg)
	}
	25% {
		transform: translateX(2px)
	}
	30% {
		transform: translateY(5px);
		transform: rotate(-3deg)
	}
	35% {
		transform: translateX(-2px)
	}
	40% {
		transform: translateY(-3px);
		transform: rotate(3deg)
	}
	45% {
		transform: translateX(1px)
	}
	50% {
		transform: translateY(3px);
		transform: rotate(-3deg)
	}
	55% {
		transform: translateX(0)
	}
	60% {
		transform: translateY(-3px);
		transform: rotate(2deg)
	}
	70% {
		transform: translateY(3px);
		transform: rotate(-2deg)
	}
	100% {
		transform: translateX(0);
		transform: rotate(0deg)
	}
}

@keyframes gal_from_bottom {
	0% {
		width: 5%;
		height: 0%;
		top: 100%;
		left: 50%
	}
	95% {
		top: 0;
		left: 0
	}
	100% {
		widht: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
}

@keyframes gal_from_center {
	0% {
		width: 5%;
		height: 0%;
		top: 50%;
		left: 50%
	}
	95% {
		top: 0;
		left: 0
	}
	100% {
		widht: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
}

@keyframes btn_big {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

@keyframes btn_move {
	0%, 10%, 30% {
		transform: translateX(5px)
	}
	20% {
		transform: translateX(-5px)
	}
	40%, 60% {
		transform: translateX(-3px)
	}
	50%, 70% {
		transform: translateX(3px)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes btn_move2 {
	0%, 10%, 30% {
		transform: translateX(5px)
	}
	20% {
		transform: translateX(-5px)
	}
	40%, 60% {
		transform: translateX(-3px)
	}
	50%, 70% {
		transform: translateX(3px)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes gal_from_top {
	0% {
		width: 5%;
		height: 0%;
		top: 0%;
		left: 50%
	}
	95% {
		top: 0;
		left: 0
	}
	100% {
		widht: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
}

@keyframes gal_opacity {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes image_move {
	0% {
		transform: rotateY(0)
	}
	100% {
		transform: rotateY(10deg)
	}
}

@keyframes image_move2 {
	0% {
		transform: rotateY(0)
	}
	100% {
		transform: rotateY(-15deg)
	}
}

@keyframes image_move3 {
	0% {
		transform: rotateX(0)
	}
	100% {
		transform: rotateX(-15deg)
	}
}

@keyframes big_icon {
	0%, 100% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	80% {
		transform: scale(0.9)
	}
}

@keyframes impulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 10px 0
	}
	10% {
		transform: scale(1.1);
		box-shadow: 0 0 10px 0
	}
	20% {
		transform: scale(0.95);
		box-shadow: 0 0 20px 0
	}
	35% {
		transform: scale(1.15);
		box-shadow: 0 0 5px 0
	}
	50% {
		transform: scale(0.9);
		box-shadow: 0 0 25px 0
	}
	64% {
		transform: scale(1);
		box-shadow: 0 0 20px 0
	}
	60% {
		transform: scale(1.1);
		box-shadow: 0 0 10px 0
	}
	70% {
		transform: scale(0.95);
		box-shadow: 0 0 20px 0
	}
	80% {
		transform: scale(1.15);
		box-shadow: 0 0 5px 0
	}
	90% {
		transform: scale(0.9);
		box-shadow: 0 0 25px 0
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 10px 0
	}
}

@keyframes impulse2 {
	0% {
		transform: scale(1);
		box-shadow: 0 0 px 0
	}
	15% {
		transform: scale(1.1);
		box-shadow: 0 0 30px 0
	}
	25% {
		transform: scale(0.95);
		box-shadow: 0 0 20px 0
	}
	40% {
		transform: scale(1.15);
		box-shadow: 0 0 10px 0
	}
	55% {
		transform: scale(0.9);
		box-shadow: 0 0 25px 0
	}
	65% {
		transform: scale(1.1);
		box-shadow: 0 0 10px 0
	}
	75% {
		transform: scale(0.95);
		box-shadow: 0 0 20px 0
	}
	85% {
		transform: scale(1.15);
		box-shadow: 0 0 5px 0
	}
	95% {
		transform: scale(0.9);
		box-shadow: 0 0 25px 0
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 10px 0
	}
}


@keyframes scale_move{
	0%{ 
		transform: translate(0, 0)
	}
	10%{ 
		transform: translate(20px, 100px) scale(1.5)
	}
	20%{ 
		transform: translate(-20px, 100px) scale(1.5)
	}
	30%{ 
		transform: translate(20px, 100px) scale(1.5)
	}
	40%{ 
		transform: translate(-20px, 100px) scale(1.5)
	}
	50%{ 
		transform: translate(15px, 100px) scale(1.5)
	}
	60%{ 
		transform: translate(-15px, 100px) scale(1.5)
	}
	70%{ 
		transform: translate(5px, 100px) scale(1.5)
	}
	100%{
		transform: translateX(0, 0) scale(1)
	}
}

@keyframes move_finger {
	0%, 100% { 
		transform: translateX(0)
	}
	10%, 30% { 
		transform: translateX(8px)
	}
	20%{ 
		transform: translateX(-8px)
	}
	40%, 60% { 
		transform: translateX(-5px)
	}
	50%, 70% { 
		transform: translateX(5px)
	}
	100%{
		transform: translateX(0)
	}
}

@keyframes jittery {
	5%, 50% {
		transform: scale(1)
	}
	10% {
		transform: scale(0.9)
	}
	15% {
		transform: scale(1.15)
	}
	20% {
		transform: scale(1.15) rotate(-5deg)
	}
	25% {
		transform: scale(1.15) rotate(5deg)
	}
	30% {
		transform: scale(1.15) rotate(-3deg)
	}
	35% {
		transform: scale(1.15) rotate(2deg)
	}
	40% {
		transform: scale(1.15) rotate(0)
	}
}

@keyframes heartbeat {
	50% {
		transform: scale(1.1)
	}
}

@keyframes slide {
	0% {
		left: -100%;
	}
	100% {
		left: 100%;
	}
}