/* Start:/local/templates/temp_main_copy/components/bitrix/menu/horizontal_multilevel_grey/style.css?165970986516713*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	background:#eef2f1;
	width:100%;
	list-style:none;
	font-size:14px;
	float:left;
	/*font-size:90%*/
		box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#horizontal-multilevel-menu > ul{
	min-height:45px;
	height:45px;
}

#horizontal-multilevel-menu
{
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
    padding: 10px 20px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li 
{
	float:left;
	margin-top: -1px;
}

/*Root items*/
#horizontal-multilevel-menu li .root-item
{
	color: #222;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    padding: 14px 20px 13px;
	text-transform: uppercase;
	position: relative;	
	display: inline-block;
	cursor: pointer;
}
#horizontal-multilevel-menu li .root-item::before
{
	position: absolute;
	content: '';
	width: 1px;
	height: 35px;
	background: #ddd;
	top: 5px;
	left: 0px;
}
#horizontal-multilevel-menu li:last-child .root-item::after
{
	position: absolute;
	content: '';
	width: 1px;
	height: 35px;
	background: #ddd;
	top: 5px;
	right: 0px;
}
div.root-separator
{
	display: none;
	/*width:1px;
	height:35px;
	top: 5px;
	float:left;
	background: #ddd;*/
}

/*Root menu selected*/
#horizontal-multilevel-menu li .root-item-selected,
{
	background:#52b848;
	color:#fff;
	font-size:14px;
	font-weight: 800;
	padding: 14px 20px 13px;
	text-transform: uppercase;
	display: inline-block;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover .root-item, #horizontal-multilevel-menu li.jshover .root-item
{
    font-weight: 500;
	color: #fff;
}
#horizontal-multilevel-menu li:hover .root-item::before,
#horizontal-multilevel-menu li .root-item.active::before
{
	background: #52b848;
}
#horizontal-multilevel-menu li:last-child:hover .root-item::after
{
	background: #52b848;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/temp_main_copy/components/bitrix/menu/horizontal_multilevel_grey/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/temp_main_copy/components/bitrix/menu/horizontal_multilevel_grey/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background:#52b848;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#52b848;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:150px;
	background:#eef2f1;
	border: 1px solid #ddd;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li 
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#222;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#fff;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}
@media screen and (min-width: 800px){
	/*#horizontal-multilevel-menu li:hover ul,
	#horizontal-multilevel-menu li.jshover ul,
	#horizontal-multilevel-menu li li:hover ul,
	#horizontal-multilevel-menu li li.jshover ul,
	#horizontal-multilevel-menu li li li:hover ul,
	#horizontal-multilevel-menu li li li.jshover ul,
	#horizontal-multilevel-menu li li li li:hover ul,
	#horizontal-multilevel-menu li li li li.jshover ul,
	#horizontal-multilevel-menu li li li li li:hover ul,
	#horizontal-multilevel-menu li li li li li.jshover ul*/
	#horizontal-multilevel-menu li:hover ul,
	#horizontal-multilevel-menu li.jshover ul,
	#horizontal-multilevel-menu li li:hover ul,
	#horizontal-multilevel-menu li li.jshover ul,
	#horizontal-multilevel-menu li li:hover li ul,
	#horizontal-multilevel-menu li li.jshover li ul,
	#horizontal-multilevel-menu li li:hover li li ul,
	#horizontal-multilevel-menu li li.jshover li li ul,
	#horizontal-multilevel-menu li li:hover li li li ul,
	#horizontal-multilevel-menu li li.jshover li li li ul
	{
		/*z-index:1000;
		top:auto;*/
		display:block;
	}
}

div.menu-clear-left
{
	clear:left;
}

#horizontal-multilevel-menu > li > .root-item-selected
{
	background:#52b848;
	color:#fff;
	font-size:14px;
	font-weight: 800;
	padding: 14px 20px 13px;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
}

label.toggleMenu{
    width: 100px;
    height: 40px;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative;
	margin: 0 0 0 5px;
}
label.toggleMenu p{
	margin-left: 30px;
    padding-top: 10px;
	color: #777;
}
label.toggleSubmenu{
	width: 40px;
	height: 40px;
	display: none;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	margin: 5px 0 0 0px;
}
.menu-block [type="checkbox"]{
	display: none;
}    

#horizontal-multilevel-menu > li{
	position: relative;
}
#horizontal-multilevel-menu .submenu-block{
	display: none;
}
.submenu-block .sub{
	display: none;	
	width: 100%;
    padding: 10px 5px;
}
#horizontal-multilevel-menu .root-item.parent .fa,
#horizontal-multilevel-menu .root-item-selected.parent .fa{
	margin-left: 5px;
    font-size: 15px;
}
#horizontal-multilevel-menu .submenu-block .sub .banner-link{
	float: right;
    margin: 5px 10px 15px 10px;
}
#horizontal-multilevel-menu .submenu-block .sub .banner-link > a{
	display: block;
	width: 200px;
	height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
	transition: 0.2s all ease-in-out;
}
#horizontal-multilevel-menu .submenu-block .sub .banner-link > a:hover{
	opacity: 0.8;
	transition: 0.2s all ease-in-out;
}
#horizontal-multilevel-menu .submenu-block .sub .banner-link.serafima,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.borodatos,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.novye-tajny-zolotogo-usa,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.mioni{
    width: 98%;
}
#horizontal-multilevel-menu .submenu-block .sub .banner-link.serafima > a,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.borodatos > a,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.novye-tajny-zolotogo-usa > a,
#horizontal-multilevel-menu .submenu-block .sub .banner-link.mioni > a{
    width: 100%;
    height: 300px;
	margin: 0 auto;
    background-size: contain;
}
.fixedMenu{
	z-index: 9999; 
	position: fixed; 
	top: 0;
	width: 100%;
	margin-top: 0;
}

@media screen and (max-width: 900px){
	#horizontal-multilevel-menu li .root-item {
		font-size: 12px;
		padding: 15px;
	}
	#horizontal-multilevel-menu .submenu-block .sub .banner-link > a {
		width: 180px;
	}
	.submenu-block .sub .item {
		width: 200px !important;
	}
}
@media screen and (min-width: 800px){
	#horizontal-multilevel-menu .submenu-block{
		display: none;
		position: absolute;
		z-index: 200;
		top: 47px;
		left: 0px;
		width: 300px;
		background-color: #52b848;
		border-top: none;
		box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	}
	#horizontal-multilevel-menu .submenu-block .item > a{
		color: #fff;
		text-align: left;
	}
	#horizontal-multilevel-menu .submenu-block .item > a:hover,
	#horizontal-multilevel-menu .submenu-block .item.selected > a{
		color: #52b848;
		background-color: #fff;
	}
	#horizontal-multilevel-menu .submenu-block.catalog{
		background-color: #fff;
		min-height: 300px;
	}
	#horizontal-multilevel-menu .submenu-block.active{
		display: block;
	}
	#horizontal-multilevel-menu .submenu-block.catalog.active{
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	#horizontal-multilevel-menu .root-item.active{
		background:#52b848;
		color:#fff;
	}
	.submenu-block.catalog .submenu-tabs{
		width: 80%;
	}
	.submenu-block.catalog .sub a:hover{
		opacity: 0.8;
	}
	.submenu-block.catalog .sub.active{
		display: block;
	}
	.submenu-block.catalog .sub .item {
		display: inline-grid;
		width: 230px;
		margin-bottom: 10px;
		overflow: auto;
	}
	.submenu-block.catalog .sub .item a{
		text-align: left !important;
	}
	.submenu-block.catalog .sub .item > span{
		display: list-item;
	}
	.submenu-block.catalog .sub .item > a{
		text-transform: uppercase;
		color: #1a9b0e !important;
	}
	.submenu-block.catalog .sub .item > span > a{
		padding: 5px 20px !important;
	}
	.submenu-block.catalog .nav-list{
		background: #52b848;
		margin: 0;
		box-sizing: border-box;
		width: 20%;
	}
	.submenu-block.catalog .nav-list a{
		text-align: left !important;
		color: #fff !important;
		text-transform: uppercase;
	}
	.submenu-block.catalog .nav-list .active a{
		background: #fff;
		color: #52b848 !important;
	}
}
@media screen and (max-width: 800px){
	#horizontal-multilevel-menu .submenu-block.active{
		display: block;
	}
	.submenu-block.catalog .nav-list,
	.submenu-block > .item{
		padding-left: 20px;
		background: #f8f8f8;
	}
	#horizontal-multilevel-menu{
		display: block;
		background: #fff;
		border: 1px solid #ddd;
		border-width: 1px 0 1px 0;
	}
	#horizontal-multilevel-menu li{
		float: none;
		display: block;
		/*border-bottom: 1px solid #ddd;*/
	}
	#horizontal-multilevel-menu li a,
	#horizontal-multilevel-menu li > span{
		text-align: left;
		font-size: 16px !important;
		padding: 15px;
	}
	#horizontal-multilevel-menu li a:focus,
	#horizontal-multilevel-menu li > span:focus{
		color: #656565;
	}
	#horizontal-multilevel-menu li .hasSubmenu{
		padding: 15px 20px 15px 40px;
	}
	#horizontal-multilevel-menu li .root-item {
		font-size: 14px;
	}
	#horizontal-multilevel-menu li .root-item-selected {
		padding: 14px 15px 13px;
	}
	#horizontal-multilevel-menu li .root-item-selected.hasSubmenu {
		padding: 14px 15px 13px 40px;
	}
	#horizontal-multilevel-menu li a::before,
	#horizontal-multilevel-menu li a::after{
		content: none !important;
	}
	#horizontal-multilevel-menu li ul {
		position: relative;
		height: auto;
		width: auto;
		background: none;
		border: none;
		display: block;
		float: none;
		margin-left: 10px;
	}
	#horizontal-multilevel-menu li li {
		border-bottom: none;
	}
	.menu-block .column > div:nth-child(2) {
		/*float: none !important;
		width: 140px;*/
		float: right;
		display: inline-block;
	}
	label.toggleMenu{
		display: block;
	}    
	label.toggleMenu p{
		font-size: 16px;
	}
	label.toggleMenu .fa{
		position: absolute;
		top: 8px;
		left: 0px;
		font-size: 24px;
		color: #999;
	}  
	#horizontal-multilevel-menu{
		display: none;
		position: absolute;
		width: 100%;
		min-height: 100%;
		height: auto;
		z-index: 10000;
		left: -100%;
		top: 129px;
	}
	ul#horizontal-multilevel-menu.active{
		display: block;
		left: 0px;
	}  
	label.toggleSubmenu{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}    
	label.toggleSubmenu .fa{
		position: absolute;
		top: 7px;
		left: 13px;
		font-size: 26px;
		color: #555;
		font-weight: 800;
	}  
	label.toggleSubmenu .fa.fa-angle-right{
		left: 15px;
	}  
	#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover {
		background: none;
	}
	#horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a {
		color: #222;
	}
	#horizontal-multilevel-menu li:hover .root-item, #horizontal-multilevel-menu li.jshover .root-item,
	#horizontal-multilevel-menu li:focus .root-item, #horizontal-multilevel-menu li.jsfocus .root-item{
		color: #222;
	}
	#horizontal-multilevel-menu li:hover .root-item-selected, #horizontal-multilevel-menu li.jshover .root-item-selected,
	#horizontal-multilevel-menu li:focus .root-item-selected, #horizontal-multilevel-menu li.jsfocus .root-item-selected{
		color: #fff;
	}
	.root-item-selected{
		position: relative;
	}
	#horizontal-multilevel-menu .root-item-selected ~ ul{
		display: block;
	}
	#horizontal-multilevel-menu li.item-selected{
		background: none;
	}
	#horizontal-multilevel-menu > li > ul{
		display: none;
	}
	#horizontal-multilevel-menu > li > ul.openMenu{
		display: block;
		background: #f8f8f8;
		margin-left: 0;
		padding-left: 25px;
	}
	#horizontal-multilevel-menu li:hover li:hover a,
	#horizontal-multilevel-menu li.jshover li.jshover a,
	#horizontal-multilevel-menu li:hover li:hover li:hover a,
	#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
	#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
	#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
	#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
	#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
	#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
	#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
	{
		color: initial;
	}
	#horizontal-multilevel-menu li:hover .root-item-selected, #horizontal-multilevel-menu li.jshover .root-item-selected, #horizontal-multilevel-menu li:focus .root-item-selected, #horizontal-multilevel-menu li.jsfocus .root-item-selected {
		color: initial;
	}
	/*Child-items: hover*/
	#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
	{
		background: initial;
		color: initial;
	}
	/*Child-items selected*/
	#horizontal-multilevel-menu li.item-selected
	{
		background: initial;
		color: initial;
	}
	#horizontal-multilevel-menu li .root-item-selected
	{
		background: initial;
		color: initial;
		font-weight: initial;
	}
	#horizontal-multilevel-menu .column{
		padding: 0;
	}
	#horizontal-multilevel-menu .column ul{
		background: none;
	}
	#horizontal-multilevel-menu .column ul > li{
		padding: 10px 15px;
		border: none;
	}
	#horizontal-multilevel-menu .column .fa{
		margin-right: 10px;
		font-size: 20px;
		width: 23px;
		text-align: center;
	}
	#horizontal-multilevel-menu .column ul > li > a{
		padding: 0;
		display: inline-block;
	}
	#horizontal-multilevel-menu .column ul > li > a:focus{
		color: #656565;
	}
	#horizontal-multilevel-menu .column > div{
		display: none;
		/*padding: 15px;
		font-size: 20px;
		font-weight: 800;
		color: #52b848 !important;
		text-align: left;
		display: inline-block;
		width: 300px;*/
	}
	#horizontal-multilevel-menu .column > div .fa,
	#horizontal-multilevel-menu .column ul > li:nth-child(2) > .fa{
		font-size: 25px;
		float: left;
	}
	#horizontal-multilevel-menu li .root-item::before{
		content: none;
	}
}
/* End */


/* Start:/local/templates/temp_main_copy/components/bitrix/search.form/flat2/style.css?16091542222189*/
.search-form{
    width: 160px;
}
.search-form form{
    position: relative;
    padding-top: 5px;
}
.search-form input[type="text"]{
    background: #eef2f1;
    border: none;
    padding: 10px;
    display: inline-block;
    box-shadow: none !important;
}
.search-form input[type="text"]:focus{
    background: #fff;
    outline: none;
}
.search-form input[type="submit"]{
    background: url('/local/templates/temp_main_copy/components/bitrix/search.form/flat2/images/search-icon.svg') no-repeat;
    border: none;    
    width: 35px;
    height: 34px;
    background-size: 50%;
    background-position: 50% 50%;
    display: inline-block;
    position: absolute;
    outline: none;
}
/*.search-form input[type="text"]:focus + input[type="submit"]{
    background-color: #fff;
    border-radius: 0 2px 2px 0px;
}*/
label.toggleSearch{
    width: 40px;
    height: 40px;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    top: 2px;
} 
label.toggleSearch p{
	margin-left: 40px;
    padding-top: 10px;
	color: #777;
}

@media screen and (max-width: 800px){
    .search-form{
        width: 100%;
        /*padding-top: 5px;*/
        position: absolute;
        top: 134px;
        left: 0px;
        display:none;
        z-index: 10000;
        background: #fff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }
    .search-form form{
        /*overflow: hidden;
        border: 1px solid #ddd;
        border-radius: 20px;
        padding: 0 5px;*/
    }
    .input-group{
        width: 100%;
        display: block;
        background: #fff;
    }
    .input-group .form-control{
        /*height: 30px;*/
    }
    .input-group input[type="text"]{
        width: 85%;
        background: none;
    }
    .search-form input[type="submit"]{
        right: 0;
        width: 33px;
        height: 30px;
    }
    label.toggleSearch{
        display: block;
        /*display: none;*/
	}    
    label.toggleSearch p{
        font-size: 16px;
    }
	label.toggleSearch .fa{
		position: absolute;
        top: 9px;
        left: 10px;
        font-size: 20px;
        color: #999;
	}  
	.search-form.active{
		display: block;
	}  
}
/* End */


/* Start:/local/js/ui/design-tokens/dist/ui.design-tokens.css?171801054526358*/
/**
 * Do not edit directly
 * Generated on Tue, 26 Mar 2024 08:05:46 GMT
 */

:root {
  --ui-text-letter-spacing-auto: auto;
  --ui-text-letter-spacing-neg-3: -0.01em;
  --ui-text-letter-spacing-neg-2: -0.02em;
  --ui-text-letter-spacing-neg-1: -0.03em;
  --ui-text-letter-spacing-3: 0.15em;
  --ui-text-letter-spacing-2: 0.1em;
  --ui-text-letter-spacing-1: 0.025em;
  --ui-text-decoration-style-dashed: dashed;
  --ui-text-decoration-style-wavy: wavy;
  --ui-text-decoration-style-dotted: dotted;
  --ui-text-decoration-style-double: double;
  --ui-text-decoration-style-solid: solid;
  --ui-text-decoration-line-overline: overline;
  --ui-text-decoration-line-line-through: line-through;
  --ui-text-decoration-line-underline: underline;
  --ui-text-transform-lowercase: lowercase;
  --ui-text-transform-uppercase: uppercase;
  --ui-text-transform-capitalize: capitalize;
  --ui-text-transform-none: none;
  --ui-space-inset-8xl: 72px;
  --ui-space-inset-7xl: 64px;
  --ui-space-inset-6xl: 48px;
  --ui-space-inset-5xl: 40px;
  --ui-space-inset-4xl: 36px;
  --ui-space-inset-3xl: 32px;
  --ui-space-inset-2xl: 28px;
  --ui-space-inset-xl2: 26px;
  --ui-space-inset-xl: 24px;
  --ui-space-inset-lg2: 22px;
  --ui-space-inset-lg: 20px;
  --ui-space-inset-md2: 18px;
  --ui-space-inset-md: 16px;
  --ui-space-inset-sm2: 14px;
  --ui-space-inset-sm: 12px;
  --ui-space-inset-xs2: 10px;
  --ui-space-inset-xs: 8px;
  --ui-space-inset-2xs2: 6px;
  --ui-space-inset-2xs: 4px;
  --ui-space-inset-3xs: 2px;
  --ui-space-inset-none: 0;
  --ui-space-inline-8xl-neg: -72px;
  --ui-space-inline-7xl-neg: -64px;
  --ui-space-inline-6xl-neg: -48px;
  --ui-space-inline-5xl-neg: -40px;
  --ui-space-inline-4xl-neg: -36px;
  --ui-space-inline-3xl-neg: -32px;
  --ui-space-inline-2xl-neg: -28px;
  --ui-space-inline-xl2-neg: -26px;
  --ui-space-inline-xl-neg: -24px;
  --ui-space-inline-lg2-neg: -22px;
  --ui-space-inline-lg-neg: -20px;
  --ui-space-inline-md2-neg: -18px;
  --ui-space-inline-md-neg: -16px;
  --ui-space-inline-sm2-neg: -14px;
  --ui-space-inline-sm-neg: -12px;
  --ui-space-inline-xs2-neg: -10px;
  --ui-space-inline-xs-neg: -8px;
  --ui-space-inline-2xs2-neg: -6px;
  --ui-space-inline-2xs-neg: -4px;
  --ui-space-inline-3xs-neg: -2px;
  --ui-space-inline-8xl: 72px;
  --ui-space-inline-7xl: 64px;
  --ui-space-inline-6xl: 48px;
  --ui-space-inline-5xl: 40px;
  --ui-space-inline-4xl: 36px;
  --ui-space-inline-3xl: 32px;
  --ui-space-inline-2xl: 28px;
  --ui-space-inline-xl2: 26px;
  --ui-space-inline-xl: 24px;
  --ui-space-inline-lg2: 22px;
  --ui-space-inline-lg: 20px;
  --ui-space-inline-md2: 18px;
  --ui-space-inline-md: 16px;
  --ui-space-inline-sm2: 14px;
  --ui-space-inline-sm: 12px;
  --ui-space-inline-xs2: 10px;
  --ui-space-inline-xs: 8px;
  --ui-space-inline-2xs2: 6px;
  --ui-space-inline-2xs: 4px;
  --ui-space-inline-3xs: 2px;
  --ui-space-inline-none: 0;
  --ui-space-stack-8xl-neg: -72px;
  --ui-space-stack-7xl-neg: -64px;
  --ui-space-stack-6xl-neg: -48px;
  --ui-space-stack-5xl-neg: -40px;
  --ui-space-stack-4xl-neg: -36px;
  --ui-space-stack-3xl-neg: -32px;
  --ui-space-stack-2xl-neg: -28px;
  --ui-space-stack-xl2-neg: -26px;
  --ui-space-stack-xl-neg: -24px;
  --ui-space-stack-lg2-neg: -22px;
  --ui-space-stack-lg-neg: -20px;
  --ui-space-stack-md2-neg: -18px;
  --ui-space-stack-md-neg: -16px;
  --ui-space-stack-sm2-neg: -14px;
  --ui-space-stack-sm-neg: -12px;
  --ui-space-stack-xs2-neg: -10px;
  --ui-space-stack-xs-neg: -8px;
  --ui-space-stack-2xs2-neg: -6px;
  --ui-space-stack-2xs-neg: -4px;
  --ui-space-stack-3xs-neg: -2px;
  --ui-space-stack-8xl: 72px;
  --ui-space-stack-7xl: 64px;
  --ui-space-stack-6xl: 48px;
  --ui-space-stack-5xl: 40px;
  --ui-space-stack-4xl: 36px;
  --ui-space-stack-3xl: 32px;
  --ui-space-stack-2xl: 28px;
  --ui-space-stack-xl2: 26px;
  --ui-space-stack-xl: 24px;
  --ui-space-stack-lg2: 22px;
  --ui-space-stack-lg: 20px;
  --ui-space-stack-md2: 18px;
  --ui-space-stack-md: 16px;
  --ui-space-stack-sm2: 14px;
  --ui-space-stack-sm: 12px;
  --ui-space-stack-xs2: 10px;
  --ui-space-stack-xs: 8px;
  --ui-space-stack-2xs2: 6px;
  --ui-space-stack-2xs: 4px;
  --ui-space-stack-3xs: 2px;
  --ui-space-stack-none: 0;
  --ui-size-8xl: 72px;
  --ui-size-7xl: 64px;
  --ui-size-6xl: 48px;
  --ui-size-5xl: 40px;
  --ui-size-4xl: 36px;
  --ui-size-3xl: 32px;
  --ui-size-2xl: 28px;
  --ui-size-xl2: 26px;
  --ui-size-xl: 24px;
  --ui-size-lg2: 22px;
  --ui-size-lg: 20px;
  --ui-size-md2: 18px;
  --ui-size-md: 16px;
  --ui-size-sm2: 14px;
  --ui-size-sm: 12px;
  --ui-size-xs2: 10px;
  --ui-size-xs: 8px;
  --ui-size-2xs2: 6px;
  --ui-size-2xs: 4px;
  --ui-size-3xs: 2px;
  --ui-size-none: 0;
  --ui-shadow-left-4xl: -16px 0px 24px 0px rgba(0, 0, 0, 0.11);
  --ui-shadow-left-3xl: -12px 0px 17px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-left-2xl: -8px 0px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-left-xl: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-left-l: -4px 0px 5px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-left-m: -3px 0px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-left-s: -2px 0px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-left-xs: -2px 0px 2px 0px rgba(0, 0, 0, 0.07);
  --ui-shadow-left-2xs: -1px 0px 2px 0px rgba(0, 0, 0, 0.06);
  --ui-shadow-bottom-4xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.11);
  --ui-shadow-bottom-3xl: 0px 12px 17px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-2xl: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-xl: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-bottom-l: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-m: 0px 3px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-bottom-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
  --ui-shadow-bottom-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --ui-shadow-right-4xl: 16px 0px 24px 0px rgba(0, 0, 0, 0.11);
  --ui-shadow-right-3xl: 12px 0px 17px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-right-2xl: 8px 0px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-right-xl: 6px 0px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-right-l: 4px 0px 5px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-right-m: 3px 0px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-right-s: 2px 0px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-right-xs: 2px 0px 2px 0px rgba(0, 0, 0, 0.07);
  --ui-shadow-right-2xs: 1px 0px 2px 0px rgba(0, 0, 0, 0.06);
  --ui-shadow-top-4xl: 0px -16px 24px 0px rgba(0, 0, 0, 0.11);
  --ui-shadow-top-3xl: 0px -12px 17px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-top-2xl: 0px -8px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-top-xl: 0px -6px 10px 0px rgba(0, 0, 0, 0.1);
  --ui-shadow-top-l: 0px -4px 5px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-top-m: 0px -3px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-top-s: 0px -2px 4px 0px rgba(0, 0, 0, 0.08);
  --ui-shadow-top-xs: 0px -2px 2px 0px rgba(0, 0, 0, 0.07);
  --ui-shadow-top-2xs: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);
  --ui-opacity-none: 0;
  --ui-opacity-full: 1;
  --ui-opacity-90: 0.9;
  --ui-opacity-80: 0.8;
  --ui-opacity-70: 0.7;
  --ui-opacity-60: 0.6;
  --ui-opacity-50: 0.5;
  --ui-opacity-40: 0.4;
  --ui-opacity-30: 0.3;
  --ui-opacity-20: 0.2;
  --ui-opacity-10: 0.1;
  --ui-opacity-5: 0.05;
  --ui-font-line-height-3xl: 2;
  --ui-font-line-height-2xl: 1.75;
  --ui-font-line-height-xl: 1.62;
  --ui-font-line-height-lg: 1.5;
  --ui-font-line-height-md: 1.4;
  --ui-font-line-height-sm: 1.35;
  --ui-font-line-height-2xs: 1.3;
  --ui-font-line-height-3xs: 1.2;
  --ui-font-line-height-reset: 1;
  --ui-font-size-5xl: 28px;
  --ui-font-size-4xl: 24px;
  --ui-font-size-3xl: 22px;
  --ui-font-size-2xl: 18px;
  --ui-font-size-xl: 16px;
  --ui-font-size-lg: 15px;
  --ui-font-size-md: 14px;
  --ui-font-size-sm: 13px;
  --ui-font-size-xs: 12px;
  --ui-font-size-3xs: 11px;
  --ui-font-size-4xs: 10px;
  --ui-font-size-5xs: 9px;
  --ui-font-size-6xs: 8px;
  --ui-font-size-7xs: 7px;
  --ui-font-weight-extra-black: 950;
  --ui-font-weight-black: 900;
  --ui-font-weight-extra-bold: 800;
  --ui-font-weight-bold: 700;
  --ui-font-weight-semi-bold: 600;
  --ui-font-weight-medium: 500;
  --ui-font-weight-normal: 400;
  --ui-font-weight-regular: 400;
  --ui-font-weight-light: 300;
  --ui-font-weight-extra-light: 200;
  --ui-font-weight-thin: 100;
  --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --ui-color-palette-beige-base: #fdfae1;
  --ui-color-palette-beige-base-rgb: 253, 250, 225;
  --ui-color-palette-gray-02: #f8fafb;
  --ui-color-palette-gray-02-rgb: 248, 250, 251;
  --ui-color-palette-gray-03: #f5f7f8;
  --ui-color-palette-gray-03-rgb: 245, 247, 248;
  --ui-color-palette-gray-04: #f1f4f6;
  --ui-color-palette-gray-04-rgb: 241, 244, 246;
  --ui-color-palette-gray-05: #eef2f4;
  --ui-color-palette-gray-05-rgb: 238, 242, 244;
  --ui-color-palette-gray-90: #525c69;
  --ui-color-palette-gray-90-rgb: 82, 92, 105;
  --ui-color-palette-gray-80: #6a737f;
  --ui-color-palette-gray-80-rgb: 106, 115, 127;
  --ui-color-palette-gray-70: #828b95;
  --ui-color-palette-gray-70-rgb: 130, 139, 149;
  --ui-color-palette-gray-60: #959ca4;
  --ui-color-palette-gray-60-rgb: 149, 156, 164;
  --ui-color-palette-gray-50: #a8adb4;
  --ui-color-palette-gray-50-rgb: 168, 173, 180;
  --ui-color-palette-gray-40: #bdc1c6;
  --ui-color-palette-gray-40-rgb: 189, 193, 198;
  --ui-color-palette-gray-35: #c9ccd0;
  --ui-color-palette-gray-35-rgb: 201, 204, 208;
  --ui-color-palette-gray-30: #d5d7db;
  --ui-color-palette-gray-30-rgb: 213, 215, 219;
  --ui-color-palette-gray-20: #dfe0e3;
  --ui-color-palette-gray-20-rgb: 223, 224, 227;
  --ui-color-palette-gray-15: #e6e7e9;
  --ui-color-palette-gray-15-rgb: 230, 231, 233;
  --ui-color-palette-gray-10: #edeef0;
  --ui-color-palette-gray-10-rgb: 237, 238, 240;
  --ui-color-palette-red-solid: #f0371b;
  --ui-color-palette-red-solid-rgb: 240, 55, 27;
  --ui-color-palette-red-95: #800602;
  --ui-color-palette-red-95-rgb: 128, 6, 2;
  --ui-color-palette-red-90: #9a0703;
  --ui-color-palette-red-90-rgb: 154, 7, 3;
  --ui-color-palette-red-80: #c21b16;
  --ui-color-palette-red-80-rgb: 194, 27, 22;
  --ui-color-palette-red-70: #e92f2a;
  --ui-color-palette-red-70-rgb: 233, 47, 42;
  --ui-color-palette-red-60: #f4433e;
  --ui-color-palette-red-60-rgb: 244, 67, 62;
  --ui-color-palette-red-50: #ff5752;
  --ui-color-palette-red-50-rgb: 255, 87, 82;
  --ui-color-palette-red-45: #ff7c78;
  --ui-color-palette-red-45-rgb: 255, 124, 120;
  --ui-color-palette-red-40: #ff9a97;
  --ui-color-palette-red-40-rgb: 255, 154, 151;
  --ui-color-palette-red-30: #ffcdcc;
  --ui-color-palette-red-30-rgb: 255, 205, 204;
  --ui-color-palette-red-25: #ffdcdb;
  --ui-color-palette-red-25-rgb: 255, 220, 219;
  --ui-color-palette-red-20: #ffe8e8;
  --ui-color-palette-red-20-rgb: 255, 232, 232;
  --ui-color-palette-red-15: #fff0f0;
  --ui-color-palette-red-15-rgb: 255, 240, 240;
  --ui-color-palette-red-10: #fff8f8;
  --ui-color-palette-red-10-rgb: 255, 248, 248;
  --ui-color-palette-orange-95: #614000;
  --ui-color-palette-orange-95-rgb: 97, 64, 0;
  --ui-color-palette-orange-90: #7a5100;
  --ui-color-palette-orange-90-rgb: 122, 81, 0;
  --ui-color-palette-orange-80: #9f6a00;
  --ui-color-palette-orange-80-rgb: 159, 106, 0;
  --ui-color-palette-orange-70: #c48300;
  --ui-color-palette-orange-70-rgb: 196, 131, 0;
  --ui-color-palette-orange-60: #e89b06;
  --ui-color-palette-orange-60-rgb: 232, 155, 6;
  --ui-color-palette-orange-50: #ffa900;
  --ui-color-palette-orange-50-rgb: 255, 169, 0;
  --ui-color-palette-orange-40: #ffc34d;
  --ui-color-palette-orange-40-rgb: 255, 195, 77;
  --ui-color-palette-orange-30: #ffe1a6;
  --ui-color-palette-orange-30-rgb: 255, 225, 166;
  --ui-color-palette-orange-25: #ffe9be;
  --ui-color-palette-orange-25-rgb: 255, 233, 190;
  --ui-color-palette-orange-20: #fff1d6;
  --ui-color-palette-orange-20-rgb: 255, 241, 214;
  --ui-color-palette-orange-15: #fff5e3;
  --ui-color-palette-orange-15-rgb: 255, 245, 227;
  --ui-color-palette-orange-10: #fffaf0;
  --ui-color-palette-orange-10-rgb: 255, 250, 240;
  --ui-color-palette-green-95: #3d4f00;
  --ui-color-palette-green-95-rgb: 61, 79, 0;
  --ui-color-palette-green-90: #506900;
  --ui-color-palette-green-90-rgb: 80, 105, 0;
  --ui-color-palette-green-80: #688800;
  --ui-color-palette-green-80-rgb: 104, 136, 0;
  --ui-color-palette-green-70: #7fa800;
  --ui-color-palette-green-70-rgb: 127, 168, 0;
  --ui-color-palette-green-60: #8dbb00;
  --ui-color-palette-green-60-rgb: 141, 187, 0;
  --ui-color-palette-green-55: #95c500;
  --ui-color-palette-green-55-rgb: 149, 197, 0;
  --ui-color-palette-green-50: #9dcf00;
  --ui-color-palette-green-50-rgb: 157, 207, 0;
  --ui-color-palette-green-40: #bbde4d;
  --ui-color-palette-green-40-rgb: 187, 222, 77;
  --ui-color-palette-green-35: #cfe780;
  --ui-color-palette-green-35-rgb: 207, 231, 128;
  --ui-color-palette-green-30: #e2f1b3;
  --ui-color-palette-green-30-rgb: 226, 241, 179;
  --ui-color-palette-green-25: #faf6c3;
  --ui-color-palette-green-25-rgb: 250, 246, 195;
  --ui-color-palette-green-20: #f1fbd0;
  --ui-color-palette-green-20-rgb: 241, 251, 208;
  --ui-color-palette-green-15: #f5fcde;
  --ui-color-palette-green-15-rgb: 245, 252, 222;
  --ui-color-palette-green-10: #fafded;
  --ui-color-palette-green-10-rgb: 250, 253, 237;
  --ui-color-palette-blue-95: #004f69;
  --ui-color-palette-blue-95-rgb: 0, 79, 105;
  --ui-color-palette-blue-90: #006484;
  --ui-color-palette-blue-90-rgb: 0, 100, 132;
  --ui-color-palette-blue-80: #00789e;
  --ui-color-palette-blue-80-rgb: 0, 120, 158;
  --ui-color-palette-blue-70: #008dba;
  --ui-color-palette-blue-70-rgb: 0, 141, 186;
  --ui-color-palette-blue-60: #11a9d9;
  --ui-color-palette-blue-60-rgb: 17, 169, 217;
  --ui-color-palette-blue-50: #2fc6f6;
  --ui-color-palette-blue-50-rgb: 47, 198, 246;
  --ui-color-palette-blue-40: #7fdefc;
  --ui-color-palette-blue-40-rgb: 127, 222, 252;
  --ui-color-palette-blue-30: #c3f0ff;
  --ui-color-palette-blue-30-rgb: 195, 240, 255;
  --ui-color-palette-blue-25: #d3f4ff;
  --ui-color-palette-blue-25-rgb: 211, 244, 255;
  --ui-color-palette-blue-20: #e5f9ff;
  --ui-color-palette-blue-20-rgb: 229, 249, 255;
  --ui-color-palette-blue-15: #ecfafe;
  --ui-color-palette-blue-15-rgb: 236, 250, 254;
  --ui-color-palette-blue-10: #f4fcfe;
  --ui-color-palette-blue-10-rgb: 244, 252, 254;
  --ui-color-palette-white-base: #ffffff;
  --ui-color-palette-white-base-rgb: 255, 255, 255;
  --ui-color-palette-black-base: #333333;
  --ui-color-palette-black-base-rgb: 51, 51, 51;
  --ui-color-palette-black-solid: #000000;
  --ui-color-palette-black-solid-rgb: 0, 0, 0;
  --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
  --ui-color-accent-yellow: #fef3b8;
  --ui-color-accent-yellow-rgb: 254, 243, 184;
  --ui-color-accent-purple: #a77bde;
  --ui-color-accent-purple-rgb: 167, 123, 222;
  --ui-color-accent-turquoise: #05b5ab;
  --ui-color-accent-turquoise-rgb: 5, 181, 171;
  --ui-color-accent-green: #29ad49;
  --ui-color-accent-green-rgb: 41, 173, 73;
  --ui-color-accent-brown: #ae914b;
  --ui-color-accent-brown-rgb: 174, 145, 75;
  --ui-color-accent-pink: #fb6dba;
  --ui-color-accent-pink-rgb: 251, 109, 186;
  --ui-color-accent-aqua: #55d0e0;
  --ui-color-accent-aqua-rgb: 85, 208, 224;
  --ui-color-accent-light-blue: #559be6;
  --ui-color-accent-light-blue-rgb: 85, 155, 230;
  --ui-color-tag-9: #e2e3e5;
  --ui-color-tag-9-rgb: 226, 227, 229;
  --ui-color-tag-8: #ccd3dd;
  --ui-color-tag-8-rgb: 204, 211, 221;
  --ui-color-tag-7: #dfc684;
  --ui-color-tag-7-rgb: 223, 198, 132;
  --ui-color-tag-6: #ace5ec;
  --ui-color-tag-6-rgb: 172, 229, 236;
  --ui-color-tag-5: #c2d1f0;
  --ui-color-tag-5-rgb: 194, 209, 240;
  --ui-color-tag-4: #87eda0;
  --ui-color-tag-4-rgb: 135, 237, 160;
  --ui-color-tag-3: #dbf087;
  --ui-color-tag-3-rgb: 219, 240, 135;
  --ui-color-tag-2: #00baf2;
  --ui-color-tag-2-rgb: 0, 186, 242;
  --ui-color-tag-1: #bcedfc;
  --ui-color-tag-1-rgb: 188, 237, 252;
  --ui-color-link-primary-base: #2066b0;
  --ui-color-link-primary-base-rgb: 32, 102, 176;
  --ui-color-background-none: none;
  --ui-color-background-transparent: transparent;
  --ui-color-copilot-primary: #8e52ec;
  --ui-color-copilot-primary-rgb: 142, 82, 236;
  --ui-color-copilot-secondary: #b095dc;
  --ui-color-copilot-secondary-rgb: 176, 149, 220;
  --ui-color-copilot-dark: #682ac6;
  --ui-color-copilot-dark-rgb: 104, 42, 198;
  --ui-border-width-thick: 2px;
  --ui-border-width-thin: 1px;
  --ui-border-radius-pill: 99rem;
  --ui-border-radius-circle: 50%;
  --ui-border-radius-3xl: 20px;
  --ui-border-radius-2xl: 16px;
  --ui-border-radius-xl: 14px;
  --ui-border-radius-lg: 12px;
  --ui-border-radius-md: 10px;
  --ui-border-radius-sm: 8px;
  --ui-border-radius-xs: 6px;
  --ui-border-radius-2xs: 4px;
  --ui-border-radius-3xs: 2px;
  --ui-border-radius-none: 0;
  --ui-typography-text-lg-font-weight: 400;
  --ui-typography-text-lg-line-height: 1.4;
  --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
  --ui-typography-text-md-font-weight: 400;
  --ui-typography-text-md-line-height: 1.4;
  --ui-typography-text-md-font-size: var(--ui-font-size-md);
  --ui-typography-text-sm-font-weight: 400;
  --ui-typography-text-sm-line-height: 1.4;
  --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
  --ui-typography-text-xs-font-weight: 400;
  --ui-typography-text-xs-line-height: 1.35;
  --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
  --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h6-font-weight: 600;
  --ui-typography-heading-h6-line-height: 1.4;
  --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
  --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h5-font-weight: 400;
  --ui-typography-heading-h5-line-height: 1.35;
  --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
  --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h4-font-weight: 400;
  --ui-typography-heading-h4-line-height: 1.35;
  --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
  --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h3-font-weight: 300;
  --ui-typography-heading-h3-line-height: 1.3;
  --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
  --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h2-font-weight: 300;
  --ui-typography-heading-h2-line-height: 1.3;
  --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
  --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
  --ui-typography-heading-h1-font-weight: 300;
  --ui-typography-heading-h1-line-height: 1.2;
  --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
  --ui-color-base-default: var(--ui-color-palette-black-base);
  --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-base-solid: var(--ui-color-palette-black-solid);
  --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
  --ui-color-base-05: var(--ui-color-palette-gray-05);
  --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-base-04: var(--ui-color-palette-gray-04);
  --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
  --ui-color-base-03: var(--ui-color-palette-gray-03);
  --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
  --ui-color-base-02: var(--ui-color-palette-gray-02);
  --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
  --ui-color-base-90: var(--ui-color-palette-gray-90);
  --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-base-80: var(--ui-color-palette-gray-80);
  --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
  --ui-color-base-70: var(--ui-color-palette-gray-70);
  --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-base-60: var(--ui-color-palette-gray-60);
  --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
  --ui-color-base-50: var(--ui-color-palette-gray-50);
  --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
  --ui-color-base-40: var(--ui-color-palette-gray-40);
  --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
  --ui-color-base-35: var(--ui-color-palette-gray-35);
  --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
  --ui-color-base-30: var(--ui-color-palette-gray-30);
  --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
  --ui-color-base-20: var(--ui-color-palette-gray-20);
  --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
  --ui-color-base-15: var(--ui-color-palette-gray-15);
  --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
  --ui-color-base-10: var(--ui-color-palette-gray-10);
  --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-note: var(--ui-color-palette-beige-base);
  --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
  --ui-color-background-on-alert: var(--ui-color-palette-red-70);
  --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
  --ui-color-background-alert: var(--ui-color-palette-red-20);
  --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
  --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
  --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
  --ui-color-background-warning: var(--ui-color-palette-orange-20);
  --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
  --ui-color-background-on-success: var(--ui-color-palette-green-70);
  --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
  --ui-color-background-success: var(--ui-color-palette-green-20);
  --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
  --ui-color-background-on-info: var(--ui-color-palette-blue-70);
  --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
  --ui-color-background-info: var(--ui-color-palette-blue-20);
  --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
  --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
  --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
  --ui-color-background-secondary: var(--ui-color-palette-gray-10);
  --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
  --ui-color-background-primary: var(--ui-color-palette-white-base);
  --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-text-warning: var(--ui-color-palette-orange-50);
  --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
  --ui-color-text-alert: var(--ui-color-palette-red-50);
  --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
  --ui-color-text-subtle: var(--ui-color-palette-gray-70);
  --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
  --ui-color-text-secondary: var(--ui-color-palette-gray-90);
  --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
  --ui-color-text-primary: var(--ui-color-palette-black-base);
  --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
  --ui-color-extranet: var(--ui-color-palette-orange-60);
  --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
  --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
  --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary-alt: var(--ui-color-palette-green-50);
  --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
  --ui-color-on-primary: var(--ui-color-palette-white-base);
  --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
  --ui-color-primary: var(--ui-color-palette-blue-50);
  --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
}

.ui-typography-heading-h1 {
	font-size: var(--ui-typography-heading-h1-font-size);
	line-height: var(--ui-typography-heading-h1-line-height);
	font-weight: var(--ui-typography-heading-h1-font-weight);
	color: var(--ui-typography-heading-h1-color);
}

.ui-typography-heading-h2 {
	font-size: var(--ui-typography-heading-h2-font-size);
	line-height: var(--ui-typography-heading-h2-line-height);
	font-weight: var(--ui-typography-heading-h2-font-weight);
	color: var(--ui-typography-heading-h2-color);
}

.ui-typography-heading-h3 {
	font-size: var(--ui-typography-heading-h3-font-size);
	line-height: var(--ui-typography-heading-h3-line-height);
	font-weight: var(--ui-typography-heading-h3-font-weight);
	color: var(--ui-typography-heading-h3-color);
}

.ui-typography-heading-h4 {
	font-size: var(--ui-typography-heading-h4-font-size);
	line-height: var(--ui-typography-heading-h4-line-height);
	font-weight: var(--ui-typography-heading-h4-font-weight);
	color: var(--ui-typography-heading-h4-color);
}

.ui-typography-heading-h5 {
	font-size: var(--ui-typography-heading-h5-font-size);
	line-height: var(--ui-typography-heading-h5-line-height);
	font-weight: var(--ui-typography-heading-h5-font-weight);
	color: var(--ui-typography-heading-h5-color);
}

.ui-typography-heading-h6 {
	font-size: var(--ui-typography-heading-h6-font-size);
	line-height: var(--ui-typography-heading-h6-line-height);
	font-weight: var(--ui-typography-heading-h6-font-weight);
	color: var(--ui-typography-heading-h6-color);
}

.ui-typography-text-xs {
	font-size: var(--ui-typography-text-xs-font-size);
	line-height: var(--ui-typography-text-xs-line-height);
	font-weight: var(--ui-typography-text-xs-font-weight);
}

.ui-typography-text-sm {
	font-size: var(--ui-typography-text-sm-font-size);
	line-height: var(--ui-typography-text-sm-line-height);
	font-weight: var(--ui-typography-text-sm-font-weight);
}

.ui-typography-text-md {
	font-size: var(--ui-typography-text-md-font-size);
	line-height: var(--ui-typography-text-md-line-height);
	font-weight: var(--ui-typography-text-md-font-weight);
}

.ui-typography-text-lg {
	font-size: var(--ui-typography-text-lg-font-size);
	line-height: var(--ui-typography-text-lg-line-height);
	font-weight: var(--ui-typography-text-lg-font-weight);
}


/* End */


/* Start:/local/js/main/popup/dist/main.popup.bundle.css?179178481925134*/
.popup-window {
	background-color: var(--popup-window-background-color, #fff);
	box-shadow: var(--popup-window-box-shadow, 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06));
	padding: 10px;
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	border-radius: var(--popup-window-border-radius);
	border: var(--popup-window-border, none);
	will-change: opacity;
}

.popup-window:focus-visible {
	outline: none;
}

.popup-window-disable-scroll {
	overflow: hidden;
}

.popup-window.--fixed {
	position: fixed !important;
}

/* A super hack for legacy code which directly reads and writes popupContainer.style.display */
.popup-window.--open {
	display: flex !important;
}

.popup-window.popup-window-with-titlebar {
	padding: 0 10px 10px;
}

.popup-window-delimiter {
	display: flex;
	align-items: center;
	height: var(--popup-window-delimiter-height, 1px);
	position: relative;
	margin: var(--popup-window-delimiter-margin);
}

.popup-window-delimiter:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	height: 1px;
	background-color: var(--popup-window-delimiter-bg-color, #f0f1f2);
}

.popup-window-delimiter-section {
	display: flex;
	height: var(--popup-window-delimiter-section-height, 25px);
	text-align: center;
	align-items: center;
	margin: var(--popup-window-delimiter-margin);
}

.popup-window-delimiter-section:before,
.popup-window-delimiter-section:after {
	display: block;
	content: "";
	flex: 1;
	min-width: 15px;
	height: 1px;
	background-color: var(--popup-window-delimiter-bg-color, #f0f1f2);
}

.popup-window-delimiter-section:before {
	display: var(--popup-window-delimiter-left-line-display, block);
}

.popup-window-delimiter-section:after {
	display: var(--popup-window-delimiter-right-line-display, block);
}

.popup-window-delimiter-text {
	padding: var(--popup-window-delimiter-text-padding, 0 12px);
	background: #fff;
	color: var(--popup-window-delimiter-text-color, #b1b6bc);
	font-size: var(--popup-window-delimiter-text-transform, 10px);
	font-weight: var(--popup-window-delimiter-font-weight, var(--ui-font-weight-bold));
	text-transform: var(--popup-window-delimiter-text-transform, uppercase);
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	text-align: center;
	box-sizing: border-box;
}

.popup-window-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 20px 0 10px;
	position: relative;
}

.popup-window-button {
	display: inline-block;
	height: 39px;
	line-height: 39px;
	margin: 0 12px 0 0;
	background: #ecedef;
	border-radius: var(--popup-window-button-border-radius, 2px);
	cursor: pointer;
	color: #7a818a;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
	font-size: 12px;
	padding: 0 18px;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	box-shadow: 0 0 0 1px #c6cdd3 inset;
	-webkit-font-smoothing: antialiased;
	transition: background-color 0.2s linear, color 0.2s linear;
	appearance: none;
	border: none;
	outline-width: 2px;
	outline-offset: 2px;
	outline-color: var(--ui-color-focus-outline);
}

.popup-window-button:before,
.popup-window-button:after {
	display: none;
}

.popup-window-button:hover {
	background: #cfd4d8;
	color: #535c69;
}

.popup-window-button:last-child {
	margin-right: 0;
}

.popup-window-button-accept,
.popup-window-button-create {
	background: #bbed21;
	box-shadow: none;
	color: #535c69;
}

.popup-window-button-accept:hover,
.popup-window-button-create:hover {
	background: #d2f95f;
	color: #535c69;
}

.popup-window-button-wait {
	color: transparent !important;
	position: relative;
}

.popup-window-button-wait .popup-window-button-text {
	opacity: 0;
}

.popup-window-button-wait:before {
	background: none !important;
	box-shadow: inset 0 0 0 1px #fff;
	border-radius: 50%;
	color: #fff;
	display: block !important;
	content: '_' !important;
	font-size: 10px;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	line-height: 10px;
	height: 21px;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -11px;
	padding-right: 6px;
	position: absolute;
	text-align: right;
	width: 15px;
}

.popup-window-button-wait:after {
	background: #fff !important;
	content: ' ' !important;
	display: block !important;
	height: 7px;
	position: absolute;
	top: 13px;
	left: 50%;
	padding: 0;
	width: 1px;
	transform-origin: 0 100%;
	animation: popup-window-button-animation 1s infinite linear;
}

.popup-window-button-create.popup-window-button-wait:before,
.popup-window-button-accept.popup-window-button-wait:before {
	color: #535c69;
	box-shadow: inset 0 0 0 1px #535c69;
}

.popup-window-button-create.popup-window-button-wait:after,
.popup-window-button-accept.popup-window-button-wait:after {
	background: #535c69 !important;
}

@keyframes popup-window-button-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.popup-window-button-decline {
	background: #f1361b;
	color: #fff;
	box-shadow: none;
}

.popup-window-button-decline:hover {
	background: #cc1a00;
	color: #fff;
}

.popup-window-button-cancel {
	font-weight: normal;
}

.popup-window-button-blue {
	background-color: #3bc8f5;
	box-shadow: none;
	color: #fff;
}

.popup-window-button-blue:hover {
	background-color: #3fddff;
	color: #fff;
}

.popup-window-button-blue:active {
	background-color: #13b1e3;
	color: #fff;
}

.popup-window-button-link,
.popup-window-button-link-cancel,
.popup-window-button-link:hover,
.popup-window-button-link:active {
	background: none;
	box-shadow: none;
}

.popup-window-button-link {
	border-bottom: 1px solid #c0c2c5;
	border-radius: 0;
	color: #535c69;
	cursor: pointer;
	height: 17px;
	line-height: 17px;
	transition: border-bottom-color 0.15s linear;
	padding: 0;
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
	border-bottom-color: #535c69;
	color: #535c69;
	line-height: 17px;
	height: 17px;
}

.popup-window-button-link-cancel {
	color: #f1361b;
	border-bottom-color: #ffb4a9;
}

.popup-window-button.popup-window-button-link-cancel:hover,
.popup-window-button.popup-window-button-link-cancel:active {
	border-bottom-color: #f1361b;
	color: #f1361b;
}

.popup-window-button-disable {
	cursor: default;
	opacity: 0.3;
}

.popup-window-titlebar {
	min-height: 49px;
	display: flex;
	align-items: center;
}

.popup-window-titlebar > * {
	flex: 1;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
	box-sizing: border-box;
	color: var(--ui-color-base-1);
	display: inline-block;
	font-size: 19px;
	line-height: 26px;
	letter-spacing: -0.2px;
	font-weight: var(--ui-font-weight-medium);
	max-width: 100%;
	overflow: hidden;
	padding: 0 30px 0 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.popup-window-titlebar-text-version {
	font-weight: normal;
	font-size: 13px;
	padding-left: 0;
}

.popup-window-content {
	box-sizing: border-box;
	flex: 1;
	border-radius: var(--popup-window-content-border-radius);
	/* @chef-ignore */
	scrollbar-width: thin;

	/* @chef-ignore */
	scrollbar-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
}

.popup-window-content::-webkit-scrollbar {
	width: 12px;
}

.popup-window-content::-webkit-scrollbar-track {
	background-color: var(--popup-window-scrollbar-track-background, rgba(82, 92, 105, 0.05));
	margin: 8px 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb {
	background-color: var(--popup-window-scrollbar-thumb-background, rgba(82, 92, 105, 0.2));
	margin: 8px 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	background-clip: content-box;
}

.popup-window-content::-webkit-scrollbar-thumb:hover {
	background-color: var(--popup-window-scrollbar-thumb-hover-background, rgba(82, 92, 105, 0.5));
}

.popup-window-with-titlebar .popup-window-content,
.popup-window-content-gray .popup-window-content {
	background-color: #eef2f4;
}

.popup-window-content-white .popup-window-content {
	background-color: #fff;
}

.popup-window-with-titlebar .popup-window-content {
	padding: 20px;
}

.popup-window-close-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 27px;
	outline: none;
	position: absolute;
	top: 10px;
	right: 7px;
	width: 27px;
	transition: opacity 0.2s linear;
	appearance: none;
	background: none;
	border: none;
	--ui-icon-set__icon-color: var(--ui-color-base-4);
}

.popup-window-close-icon:focus-visible {
	outline: revert;
}

.popup-window-angly {
	display: none;
	height: 22px;
	position: absolute;
	overflow: hidden;
	width: 33px;
	pointer-events: none;
}

.popup-window-angly--arrow {
	background-color: #fff;
	box-shadow: 0 0 21px rgba(83, 92, 105, .13);
	content: '';
	height: 15px;
	position: absolute;
	left: 9px;
	top: 16px;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
	width: 15px;
}

.popup-window-angly-top {
	display: block;
	left: 10px;
	margin: 0;
	top: -22px;
}

.popup-window-angly-top .popup-window-angly--arrow { }

.popup-window-angly-right {
	display: block;
	right: -17px;
	top: 10px;
	height: 30px;
	width: 17px;
}

.popup-window-angly-right .popup-window-angly--arrow {
	left: -9px;
	top: 8px;
}

.popup-window-angly-bottom {
	bottom: -20px;
	display: block;
	height: 20px;
	margin-left: 10px;
}

.popup-window-angly-bottom .popup-window-angly--arrow {
	top: -9px;
}

.popup-window-angly-left {
	display: block;
	left: -14px;
	top: 10px;
	height: 30px;
	width: 14px;
}

.popup-window-angly-left .popup-window-angly--arrow {
	left: 8px;
	top: 8px;
}

.popup-window-overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #333;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.popup-window-resize {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 12px;
	height: 12px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: center;
	cursor: nwse-resize;
}

.popup-window:hover .popup-window-resize {
	opacity: 1;
}

.menu-popup {
	padding: var(--menu-popup-padding, 8px 0);
}

.menu-popup-title {
	margin: 0 0 7px 0;
	padding: 0 0 0 4px;
	color: #4c4c4c;
	white-space: nowrap;
	font: normal normal normal 12px/normal var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.menu-popup .menu-popup-item {
	background-color: transparent;
	display: flex;
	align-items: center;
	cursor: pointer;
	height: 36px;
	position: relative;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
}

/* A super hack for legacy code which directly reads and writes menu-popup-item.style.display */
.menu-popup .menu-popup-item[style*="block"] {
	display: flex !important;
}

.menu-popup .menu-popup-item-disabled {
	opacity: 0.4;
	cursor: default;
}

.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle {
	stroke: #4a4e53;
	stroke-width: 3;
}

.menu-popup-item-icon {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	width: var(--menu-popup-item-icon-width, 19px);
	height: var(--menu-popup-item-icon-height, 16px);
}

.menu-popup-item-text {
	display: inline-block;
	flex: 1;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size: var(--menu-popup-item-font-size);
	color: var(--menu-popup-item-color, #525c68);
	line-height: 36px;
	padding: 0 15px 0 9px;
	text-decoration: none;
	vertical-align: middle;
	transition: color 0.2s linear;
}

/* A temporary hack for the custom menu separators */
.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span {
	top: -10px !important;
}

.menu-popup-item-text .tariff-lock {
	margin: 0 5px 2px 5px;
	vertical-align: middle;
}

.popup-window-fixed-width .menu-popup-item-text {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.menu-popup-no-icon .menu-popup-item-text {
	padding: var(--menu-popup-item-padding, 0 15px);
}

.menu-popup-item-submenu .menu-popup-item-text {
	padding-right: var(--menu-popup-item-has-submenu-padding, 28px);
}

.menu-popup-item.--focus,
.menu-popup-item.menu-popup-item-open {
	background-color: var(--menu-popup-item-bg-color-hover, #f5f5f6);
}

.menu-popup-item.--focus-visible {
	outline-offset: -3px;
	outline: var(--ui-color-focus-outline) solid 2px;
	border-radius: 8px;
}

.menu-popup-item:active {
	background-color: var(--menu-popup-item-bg-color-active, #f5f5f6);
}

.menu-popup-item:hover .menu-popup-item-text {
	color: var(--menu-popup-item-color-hover, #3b434f);
}

.menu-popup-item:active .menu-popup-item-text {
	color: var(--menu-popup-item-color-active);
}

.menu-popup-item.menu-popup-item-disabled:hover {
	background: initial;
}

.menu-popup-item-submenu:after {
	position: absolute;
	right: var(--menu-popup-item-chevron-right, 11px);
	width: var(--menu-popup-item-chevron-width, 6px);
	height: var(--menu-popup-item-chevron-height, 9px);
	background-image: var(--menu-popup-item-chevron-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==));
	background-size: cover;
	content: "";
}

.bx-admin-submenu-opened { background: #f0f0f0 !important; border-radius: 3px; }

.menu-popup-no-icon .menu-popup-item-icon { display: none; }

.menu-popup-item-view .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 0 1 5.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427a1.004 1.004 0 0 1-1.415-.005l-3.307-3.309A6.37 6.37 0 1 1 8.369 0m0 1.82a4.55 4.55 0 1 0 0 9.098 4.55 4.55 0 0 0 0-9.098'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-edit .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='m14.42 1 2.55 2.577-9.978 9.951-2.55-2.577zM3.008 14.638a.27.27 0 0 0 .067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-create-quick .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032zM12.23 0 6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-take .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M7.477 14.702 2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-begin .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 1 1 0 15.265A7.632 7.632 0 0 1 9.632 1m0 1.752a5.88 5.88 0 1 0 0 11.761 5.88 5.88 0 0 0 0-11.761M8.296 5.119a.7.7 0 0 1 .375.11l4.418 2.806a.7.7 0 0 1 0 1.182L8.67 12.024a.7.7 0 0 1-1.075-.59V5.818a.7.7 0 0 1 .7-.7'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-decline .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='m6.161 2 .017 2.83h2.138a4.433 4.433 0 0 1 4.433 4.434v.129a4.433 4.433 0 0 1-4.433 4.433H4.91q-.36 0-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 0 0 2.317-2.475l-.005-.163A2.48 2.48 0 0 0 8.116 6.86H6.19l.017 3.048L2 5.932zm10.043 1.887v9.662h-2.008V3.887z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-reopen .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M9.514 2a6.51 6.51 0 0 1 5.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 1 0-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 0 1 9.514 2'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-complete .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-hold .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M8 2v12H5V2zm5.986 0v12h-3V2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept .menu-popup-item-icon {
	background-repeat: no-repeat;
	background-image: var(--menu-popup-item-accept-image, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M7.477 14.702 2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E"));
	background-color: transparent;
}

.menu-popup-item-remake .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='m15.246 8.07 1.398 2.234a2 2 0 0 1-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 0 1-1.695-3.06L2.944 8.06 1 6.936zM10.153.304a2 2 0 0 1 .635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 0 1 2.756-.635'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delete .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='m15.406 3.889-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-copy .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899V1.64a.64.64 0 0 0-.64-.641H3.64a.64.64 0 0 0-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 0 1-.196-.195m10.223 3.442a.21.21 0 0 1-.207.207H8.161a.21.21 0 0 1-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207zm1.148-8.86H6.713a.66.66 0 0 0-.659.66v9.555a.66.66 0 0 0 .66.659h9.555a.66.66 0 0 0 .659-.66V4.714a.66.66 0 0 0-.66-.659'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-delegate .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.8 7.8 0 0 1 0 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2 2 0 0 0 .039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555m-7.307.929 4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-add-to-tm .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16'%3E%3Cpath fill='%23525c69' fill-rule='evenodd' d='M12.293 1.542a7.49 7.49 0 0 1 4.696 6.952 7.35 7.35 0 0 1-7.196 7.49 7.494 7.494 0 1 1 2.5-14.442M5.428 4.587a5.64 5.64 0 0 0 4.291 9.543 5.53 5.53 0 0 0 5.416-5.636 5.64 5.64 0 0 0-9.707-3.907M8.13 9.989V5.417h2v2.572h2.508v2z'/%3E%3C/svg%3E") no-repeat;
}

.menu-popup-item-accept-sm .menu-popup-item-icon {
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066b0' d='M1.36 3.446 4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat;
}

.popup-window-button-left,
.popup-window-button-right {
	display: none;
}

/* ========Popup Window Darken==========*/
.popup-window-dark {
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: var(--popup-window-border-radius, 4px);
	box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17);
}

.popup-window-dark .popup-window-content {
	background-color: transparent;
	color: #fff;
	margin: 0;
}

.popup-window-dark .popup-window-angly--arrow {
	background-color: rgba(0, 0, 0, 0.8);
}

.popup-window-dark .popup-window-titlebar-text {
	color: #fff;
}

/*===========TABS==========*/
.popup-window-tabs-box {
	padding: 10px 0 4px;
}

.popup-window-tabs {
	position: relative;
	padding: 0 20px 0 0;
	margin: 0;
	height: 42px;
	font-size: 0;
	z-index: 1;
}

.popup-window-tab {
	display: inline-block;
	height: 42px;
	margin: 0 7px 0 0;
	padding: 0 12px;
	border: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: var(--ui-font-weight-bold);
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	line-height: 41px;
	color: #535c69;
	background-color: #ecf2f3;
	text-shadow: none;
	cursor: pointer;
	transition: background-color 0.15s linear;
}

.popup-window-tab:hover {
	background-color: #f7f9f9;
}

.popup-window-tab-selected {
	position: relative;
	z-index: 2;
	padding: 0 11px;
	background-color: #fff !important;
	line-height: 40px;
	border-radius: 2px 2px 0 0;
	border: 1px solid #c6cdd3;
	border-bottom: none;
	cursor: default;
}

.popup-window-tabs-content {
	margin: 0;
	padding: 10px;
	border: 1px solid #c6cdd3;
	border-radius: 0 3px 3px;
}

.popup-window-tab-content {
	display: none;
	padding: 20px;
	background: #eef2f4;
}

.popup-window-tabs-content-white .popup-window-tab-content {
	padding: 10px;
	background: #fff;
}

.popup-window-tab-content-selected {
	display: block;
}

.popup-window-show-animation-opacity {
	animation: popupWindowShowAnimationOpacity 100ms;
	animation-fill-mode: both;
}

@keyframes popupWindowShowAnimationOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.popup-window-show-animation-opacity-transform {
	animation: popupWindowShowAnimationOpacityTransform 100ms;
	animation-fill-mode: both;
}

@keyframes popupWindowShowAnimationOpacityTransform {
	0% {
		opacity: 0;
		transform: translate3d(0, 5px, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

.popup-window-close-animation-opacity {
	animation: popupWindowCloseAnimationOpacity 150ms;
	animation-fill-mode: both;
}

@keyframes popupWindowCloseAnimationOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.popup-window-close-animation-opacity-transform {
	animation: popupWindowCloseAnimationOpacity 150ms;
	animation-fill-mode: both;
}

@keyframes popupWindowCloseAnimationOpacityTransform {
	0% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
	100% {
		opacity: 0;
		transform: translate3d(0, 25px, 0);
	}
}

.popup-window-show-animation-scale {
	animation: popup-window-show-animation-scale 400ms;
	animation-fill-mode: both;
}

@keyframes popup-window-show-animation-scale {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* End */


/* Start:/local/components/bitrix/main.userconsent.request/templates/.default/user_consent.css?17688320574416*/
.main-user-consent-request a {
	cursor: pointer;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	min-height: 290px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 320px;
	width: 100%;
	max-width: 600px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 10px 0;
	font: normal 18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #000;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 260px;
}

.main-user-consent-request-popup-textarea-block {
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-button {
	display: inline-block;
	height: 39px;
	margin: 0 10px 5px 0;
	padding: 0 18px;
	border: none;
	border-radius: 2px;
	font: normal 12px/39px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc {
	background: #bbed21;
}

.main-user-consent-request-popup-button-acc:hover {
	background: #d2f95f;
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	border: 1px solid #999;
	overflow: auto;
	padding: 8px;
	text-align: left;
	color: rgb(84, 84, 84);
}

.main-user-consent-request-popup-link {
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-user-consent-request-popup-link a {
	display: block;
	margin: 20px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 260px;
}

/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.main-user-consent-request-announce{
	color: #333;
	font-size:13px;
	line-height: 15px;
}
.main-user-consent-request-announce-link{
	cursor: pointer;
}
.main-user-consent-request-announce-required {
	color: red;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@media (min-width: 1000px) {

	.main-user-consent-request-popup-cont {
		min-height: 400px;
		min-width: 640px;
	}

	.main-user-consent-request-popup-header {
		max-width: 590px;
	}

	.main-user-consent-request-popup-text,
	.main-user-consent-request-popup-link {
		height: 240px;
	}
	.main-user-consent-request-popup-link a {
		max-width: 200px;
	}
}

@media (max-width: 768px) {
	.main-user-consent-request-popup-cont {
		height: 100%;
	}
}
/* End */


/* Start:/local/templates/temp_main_copy/template_styles.css?162333278331786*/
@font-face{
	font-family: OpenSans; 
	font-weight: 500;
    src: url('/local/templates/temp_main_copy/fonts/OpenSansRegular.ttf'); 
}
@font-face{
	font-family: OpenSans; 
	font-weight: 300;
    src: url('/local/templates/temp_main_copy/fonts/OpenSansLight.ttf'); 
}
@font-face{
	font-family: OpenSans; 
	font-weight: 700;
    src: url('/local/templates/temp_main_copy/fonts/OpenSansSemiBold.ttf'); 
}
@font-face{
	font-family: OpenSans; 
	font-weight: 800;
    src: url('/local/templates/temp_main_copy/fonts/OpenSansBold.ttf'); 
}
@font-face{
	font-family: Lato; 
	font-weight: 300;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Light.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Light.ttf') format('truetype');
}
@font-face{
	font-family: Lato; 
	font-weight: 500;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Regular.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Regular.ttf') format('truetype');
}
@font-face{
	font-family: Lato; 
	font-weight: 600;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Medium.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Medium.ttf') format('truetype');
}
@font-face{
	font-family: Lato; 
	font-weight: 700;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Bold.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.ttf') format('truetype');
}
@font-face{
	font-family: Lato; 
	font-weight: 800;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Bold.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Bold.ttf') format('truetype');
}
@font-face{
	font-family: Lato; 
	font-weight: 900;
    src: url('/local/templates/temp_main_copy/fonts/Lato-Black.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/Lato-Black.ttf') format('truetype');
}
@font-face{
	font-family: SanFrancisco; 
	font-weight: 300;
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Light.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Light.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Light.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Light.ttf') format('truetype');
}
@font-face{
	font-family: SanFrancisco; 
	font-weight: 500;
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Regular.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Regular.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Regular.ttf') format('truetype');
}
@font-face{
	font-family: SanFrancisco; 
	font-weight: 600;
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Medium.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Medium.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Medium.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Medium.ttf') format('truetype');
}
@font-face{
	font-family: SanFrancisco; 
	font-weight: 700;
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Bold.ttf'); /* IE9 Compat Modes */
    src: url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Bold.woff') format('woff'), /* Modern Browsers */
         url('/local/templates/temp_main_copy/fonts/SanFrancisco/SFUIText-Bold.ttf') format('truetype');
}
body{
    background: #fff;
    font-family: "Lato","Open Sans",sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin: 0px;
}
.column{
    width: 1200px;
    display: block;
    margin: 0 auto;
}
.article-column{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.hit-block{
    margin: 0 40px;
        padding: 0 10px 20px;
        border: 10px solid #d8f4ff;
        border-radius: 30px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        text-align: center;
}
.blockquote{
    border-radius: 20px;
    padding: 20px 50px 40px;
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 40px;
}
.blockquote img{
    display: block;
    margin: 0 auto;
    margin-bottom: -80px;
    height: 100px;
    width: auto;
}
.logo-image-block{
    background-position: 50% 0;
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
}
h1, .h1{
    font-size: 28px;
    color: #222;
    padding-bottom: 6px;
    border-bottom: 2px solid #50ba45;
}
h2, .h2 {
    font-size: 25px;
}
h1.category, .h1.category{
    position: relative;
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-left: 14px;
}
h1.category::before, .h1.category::before{
    content: '';
    position: absolute;
    width: 4px;
    height: 70%;
    background: #50ba45;
    left: 0px;
}
p{
    font-size: 15px;
}
.content-img{
    margin: 0 15px 0 0;
}
.content-img-right{
    margin: 0 0 0 15px;
}
.content-btn-catalog{
    display: inline-block;
        background: #025ead;
        padding: 10px 20px;
        margin: 10px 0;
        font-size: 15px;
        color: #fff;
        border-radius: 20px;
    transition: all 0.2s ease-in-out;
}
.content-btn-catalog:hover{
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
}
.content-btn-catalog.center{
    display: block;
    margin: 10px auto;
    width: 330px;
    text-align: center;
    max-width: 100%;
}
.content-block-center{
    text-align: center; 
    padding: 20px 0; 
    margin: 10px 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ddd;
}
.hide-block{
    text-decoration: underline;
    color: #23527c;
    cursor: pointer;
}
.hide-block ~ div{
    display: none;
}
.hide-block.open ~ div{
    display: block;
}
.news-detail ul.bullet{
    padding-left: 20px;
    margin-top: 10px;
    font-size: 16px;
}
.news-detail ul.bullet li {
    list-style-type: none;
    position: relative;
    margin: 5px 0;
}
.news-detail ul.bullet li::before {
    content: '';
    position: absolute;
    left: -20px;
    width: 16px;
    height: 16px;
    background: url(/local/templates/temp_main_copy/images/check-icon.svg);
    background-size: contain;
    top: 2px;
}
.blog-article-products .item{
   min-height: 200px;
}
.blog-article-products .item > a{
    display: block;
    margin: 0 auto;
}
.blog-article-products .item img{
    width: auto !important;
    max-width: 100%;
    height: auto;
    max-height: 200px;
    margin: 0 auto;
}
.blog-article-products .item p{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.ask-expert{
    height: 350px;
    background-image: url(/images/content/BLOG_question_banner3.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px;
    color: #fff;
}
.ask-expert p{
    Font-size: 18px;
    margin: 10px 0;
}
.ask-expert p.title{
    font-size: 36px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    padding-right: 30%;
    background-image: url(/images/content/ask-expert-img.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 35%;
}
.ask-expert a{
    display: block;
    background: #fff;
    width: 220px;
    text-align: center;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 50px;
    color: #e04935;
    box-shadow: 0 5px 5px;
    transition: 0.2s all ease-in-out;
}
.ask-expert a:hover{
    text-decoration: none;
    opacity: 0.9;
    transition: 0.2s all ease-in-out;
}

body.not-transparent.mode-normal {
    background: #fff !important;
}
#ad-layout{
    display: none !important;
}
.reviews-block-container .review-avatar{
    display: none;
}

/*--------------------------  HEADER  --------------------------*/
.top-menu{
    background: #52b848;
    color: #fff;
    height: 32px;
}
.top-menu > div > div{
    position: relative;
    float: left;
    margin: 7px 0 5px;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 800;
    box-sizing: border-box;
    color: #fff;
}
.top-menu > div > div > i{
    margin-left: -20px;
    font-size: 18px;
    padding: 0 6px 0 0;
}
.top-menu ul{
    list-style-type: none;
    float: right;
    margin: 7px 0;
    box-sizing: border-box;
}
.top-menu ul > li{
    display: inline-block;
    margin: 0 0 0 20px;
}
.top-menu ul > li > a{
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #52b848;

    transition: all 0.2s ease-in-out;
}
.top-menu ul > li > a:hover{
    text-decoration: none;
    border-bottom: 1px solid #fff;

    transition: all 0.2s ease-in-out;
}
.top-menu .phone-block{
    width: 100%;
    position: absolute;
    top: 134px;
    left: 0px;
    z-index: 10000;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 10px 15px;
    display: none;
}
label.toggleInfo{
    width: 40px;
    height: 40px;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    right: 0px;
    top: 5px;
} 
.top-menu ul > li > .fa{
    display: none;
}
.logo{
    margin-bottom: 15px;
}
.logo h1.site-title,
.logo h1.site-title > a{
    font-size: 40px;
    font-family: Lato, OpenSans, Helvetica, Arial;
    font-weight: 400;
    color: #52b848 !important;
    text-transform: uppercase;
    text-align: center;
    border: none;
    margin-bottom: -5px;
}
.logo h1.site-title > a:hover{
    text-decoration: none;
}
.logo h1.site-title img{
    width: 100px;
    margin: 0 8px;
    cursor: pointer;
}
.logo .site-description{
    font-size: 18px;
    padding: 5px 0px;
    color: #b3b3b3;
    font-weight: 300;
    margin: 0px 0 0 0;
    text-align: center;
}

.menu-block{
    background: #eef2f1;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.menu-block > .column > div:nth-child(1) > br{
    display: none !important;
}


.main-container{
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-banner{
    display: none;
    background-position: 0% 0%;
    /*background-repeat: no-repeat;*/
    position: relative;
}
.page-banner p{
    position: absolute;
    width: 300px;
    padding: 20px 50px;
    font-size: 30px;
    font-weight: 800;
    margin: auto;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    width: 40%;
    height: fit-content;
    background: rgba(256, 256, 256, 0.3);
    border: 1px solid #fff;
}

.menu-block .language-link{
    display: block;
    float: right;
    padding: 12px 5px ;
    padding-left: 30px;
    color: #444;
}
.menu-block .language-link:hover{
    text-decoration: none;
    opacity: 0.8;
}
.menu-block .language-link.ru{
    background: url(/bitrix/templates/temp_main/images/lang_pic_ru.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
.menu-block .language-link.en{
    background: url(/bitrix/templates/temp_main/images/lang_pic_en.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}



/*--------------------------  FORMS  --------------------------*/
.form-inputs-block{
    width: 50%;
}
.form-inputs-block .row{
    margin-left: 0;
    margin-right: 0;
}
.form-inputs-block .row .col-sm-12{
    padding: 0;
}
.form-inputs-block .form-group.row .col-sm-3{
    padding-left: 0px;
}
font.errortext {
    color: #e30000!important;
    padding: 5px 10px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: block;
}
input.inputtext,
textarea.inputtextarea,
select.inputselect{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.inputtextarea{
    height: inherit;
}
.btn-success{
    padding: 7px 25px;
}
.form-warning-text{
    font-size: 12px;
}
#hidden-form{
    width: 100%;
    max-width: 700px;
    padding: 50px 40px;
    border-radius: 20px;
}
#hidden-form .form-inputs-block{
    width: 100%;
}
.alert-success{
    color: #fff;
    background: #52b848;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px 30px;
    text-align: center;
}


/* ------------------------- FAQS ------------------------------*/
.faqs-block{
    margin: 20px 0 0;
}
.faqs-block > div:nth-child(1){
    padding-top: 20px; 
    padding-left: 0px;
    border-top: 1px solid #ddd;
}
.faqs-block > div:nth-child(1) ul{
    list-style-type: none;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}
.faqs-block > div:nth-child(1) ul li{
    margin: 8px 0;
    color: #003b6d;
}
.faqs-block > div:nth-child(1) ul li a:hover{
    color: #003b6d;
    text-decoration: none;
}
.faqs-block > div:nth-child(2){
    border-left: 1px solid #ddd; 
    border-top: 1px solid #ddd; 
    padding: 30px 0 30px 30px;
    min-height: 500px;
}

/* ---------------------------------------------------------- ГДЕ КУПИТЬ - ИНФО ----------------- */
.firm_shop_info{
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 20px;
}
.firm_shop_info div{
    width: 32%;
    display: inline-block;
}
.firm_shop_info div p{
    display: block;
    text-align: center;
}
.firm_shop_info div p:first-child{
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.firm_shop_info div:nth-child(1) p:first-child{
    background: url('/local/templates/temp_main_copy/images/shop_icon_map.png');
    background-size: 100%;
}
.firm_shop_info div:nth-child(2) p:first-child{
    background: url('/local/templates/temp_main_copy/images/shop_icon_phone.png');
    background-size: 100%;
}
.firm_shop_info div:nth-child(3) p:first-child{
    background: url('/local/templates/temp_main_copy/images/shop_icon_time.png');
    background-size: 100%;
}
.firm_shop_info div p:nth-child(2){
    font-size: 14px;
    color: #777;
}
.firm_shop_info div p:nth-child(3){
    line-height: 1.2;
}
.firm_shop_info div:nth-child(2) p:nth-child(3){
    line-height: 2;
    font-size: 24px;
}

.bx-pdf-container{
    width: 100% !important;
}

#flip-topPanel-content{
    /*display: none;*/
}

/*-------------------------- INSTAGRAM --------------------------*/
.instagram-block{
	background-image: -moz-linear-gradient( -90deg, rgb(183,46,128) 0%, rgb(222,61,95) 29%, rgb(233,58,65) 64%, rgb(242,120,77) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(183,46,128) 0%, rgb(222,61,95) 29%, rgb(233,58,65) 64%, rgb(242,120,77) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(183,46,128) 0%, rgb(222,61,95) 29%, rgb(233,58,65) 64%, rgb(242,120,77) 100%);
	padding: 15px;
}
.instagram-block.big{
    margin-bottom: 20px;
    border-radius: 0;
}
.instagram-block p{
	color: #fff;
	text-align: center;
}
.instagram-block p.title{
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 0px;
}
.instagram-block.big p.title{
	margin-bottom: 10px;
}
.instagram-block.big p.title > br{
	display: none;
}
.instagram-block.big .row p{
	font-size: 18px;
}
.instagram-block.big .row > .col-sm-12{
    padding: 0 25%;
}
.instagram-block.big .row > div:nth-child(2){
    margin-top: -60px;
}
.instagram-block.big .row > div:nth-child(3){
    margin-top: -60px;
    float: right;
}
.instagram-block a.insta-link{
	display: block;
    margin: 20px auto 10px;
    text-align: center;
    width: 200px;
    background: #fff;
    padding: 10px;
    border-radius: 25px;
    color: #eb4b44;
    font-weight: 700;
    transition: 0.2s all ease-in-out;
}
.instagram-block a.insta-link:hover{
    text-decoration: none;
    opacity: 0.85;
    transition: 0.2s all ease-in-out;
}
.instagram-block #instafeed-gallery-feed{
	margin-top: 15px;
}
.instagram-block .img-featured-container{
	width: 100%;
}
.instagram-block .owl-carousel{
	padding: 0 30px;
}
.instagram-block .owl-carousel .owl-item img{
    /*padding: 0 30px;*/
}
.instagram-block .owl-carousel .owl-nav{
    width: auto !important;
    margin: 0 auto;
	position: relative;
	display: block !important;
}
.instagram-block .owl-carousel .owl-nav .owl-prev,
.instagram-block .owl-carousel .owl-nav .owl-next{
	position: absolute;
    top: -170px !important;
    width: 20px;
    height: 38px;
    outline: none;
}
.instagram-block.big .owl-carousel .owl-nav .owl-prev,
.instagram-block.big .owl-carousel .owl-nav .owl-next{
    top: -175px !important;
}
.instagram-block .owl-carousel .owl-nav .owl-next{
	background: url(/local/templates/temp_main_copy/images/ar-next.png) no-repeat !important;
	background-size: 100% !important;
    right: -35px;
}
.instagram-block .owl-carousel .owl-nav .owl-prev{
	background: url(/local/templates/temp_main_copy/images/ar-prev.png) no-repeat !important;
	background-size: 100% !important;
    left: -35px;
}

/*--------------------------  FOOTER  --------------------------*/
.articles-read-also{
    margin: 20px auto 50px;
}
footer .footer-info{
    background: url('/local/templates/temp_main_copy/images/logo_tree_sm.png') no-repeat;
    background-position: 0% 100%;
    height: 170px;
    padding-top: 30px;
    display: flex;
    justify-content: flex-end;
}
footer .footer-info div{
    display: inline-block;
    width: 18%;
    padding: 0px 15px;
}
footer .footer-info div:nth-child(3){
    width: 28%;
    padding: 5px 60px 0 0;
   box-sizing: border-box;
   line-height: 1.5;
   margin-left: 20px;
}
footer .footer-info div:nth-child(3) > p{
   margin-bottom: 15px;
}
footer .footer-info p{
    position: relative;
}
footer .footer-info p.mail > i,
footer .footer-info p.phone > i{
    margin-left: -20px;
    font-size: 18px;
    padding: 0 6px 0 0;
}
footer .footer-info div ul{
    list-style-type: none;
    padding-left: 0px;
   line-height: 2.3;
}
footer .footer-info div ul li a{
    color: #222;
    text-decoration: none;
}
footer .footer-info div ul li a:hover{
    text-decoration: underline;
}
footer .footer-bottom{
    background: #52b848;
    margin-top: -1px;
   padding: 10px 0;
   color: #fff;

}
footer .footer-bottom .column{
    padding-left: 200px;
    box-sizing: border-box;
}
footer .footer-bottom div > span{
    display: inline-block;
    float: right;
}
footer .footer-bottom div > span > a{
    font-size: 14px;
    color: #9ddc97;
    margin-left: 10px;
}
footer .footer-bottom div > span > a:hover{
    color: #fff;
    text-decoration: none;
}
#cookies-acception-block{
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    min-height: 70px;
    background: rgba(256,256,256,1);
    color: #222;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#cookies-acception-block.hide{
    display: none;
}
#cookies-acception-block div{
    max-width: 1290px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    align-items: center;
}
#cookies-acception-block div > input{
    min-width: 170px;
    order: 2;
    margin-left: 2rem;
    padding: 1.2rem 2rem;
    border-radius: 40px;
    text-transform: uppercase;
    background: #50b848;
    color: #fff;
    border: none;
    font-size: 14px;
    max-height: 45px;
}
@media screen and (max-width: 1290px){
    #cookies-acception-block div{
        padding: 15px 30px;
    }
}
@media screen and (max-width: 600px){
    #cookies-acception-block div{
        flex-direction: column;
        align-items: flex-start;
    }
    #cookies-acception-block div > input{
        margin-left: 0;
        margin-top: 1rem;
    }
}

.subscribe-block{
  background-image: -moz-linear-gradient( 0deg, rgb(63,75,145) 0%, rgb(61,164,195) 50%, rgb(63,75,145) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(63,75,145) 0%, rgb(61,164,195) 50%, rgb(63,75,145) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(63,75,145) 0%, rgb(61,164,195) 50%, rgb(63,75,145) 100%);
  padding: 30px 0;
  margin-bottom: 30px;
}
.subscribe-block .column{
    padding: 0 15px;
    text-align: center;
    color: #fff;
}
.subscribe-block p:nth-child(1){
    font-size: 24px;
    margin: 10px 0 20px;
}
.subscribe-block p:nth-child(2){
    font-size: 16px;
}
.subscribe-block p.info{
    font-size: 13px;
    margin-top: 10px;
}
.subscribe-block p.info a{
    color: #fff;
    text-decoration: underline;
}
.subscribe-block p.info a:hover{
    text-decoration: none;
}
.subscribe-block form label{
    display: none;
}
.subscribe-block .subscribe-form-item{
    display: inline-block;
    margin: 10px 0;
    width: 25%;
    padding: 0 10px;
}
.subscribe-block .subscribe-form-item--btn-submit{
    display: block;
    margin-top: 20px;
    width: 100%;
}
.subscribe-block form input[type="text"]{
    background: none;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
    padding: 7px 20px;
    width: 100%;
    outline: none;
}
.subscribe-block form input[type="submit"]{
    background: #fff;
    border: none;
    border-radius: 30px;
    padding: 8px 30px;
    color: #3e7eae;
    font-weight: 700;
}
.subscribe-block form input[type="text"]::-webkit-input-placeholder { color: #fff; opacity: 0.8;}
.subscribe-block form input[type="text"]::-moz-placeholder { color: #fff; opacity: 0.8;}
.subscribe-alert{
    padding: 5px 20px;
    border-radius: 15px;
    width: 50%;
    margin: 0 auto;
    color: #0a410b;
}

.top-menu input[type="checkbox"]
{
    display: none;
}  


@media screen and (max-width: 1400px){
    footer .footer-bottom div > span {
        float: none;
    }
    footer .footer-info div:nth-child(3) {
        padding: 5px 10px 0 0;
    }
}
@media screen and (max-width: 1240px){
    .column{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }    
    .owl-carousel .owl-nav{
        width: 100% !important;
    }
}
@media screen and (max-width: 1100px){
    .instagram-block .owl-carousel .owl-nav .owl-prev,
    .instagram-block .owl-carousel .owl-nav .owl-next{
        top: -150px !important;
    }
    .form-inputs-block{
        width: 80%;
    }
    .article-column{
        width: 100%;
    }
    .ask-expert a{
        margin-top: 40px;
    }
}
@media screen and (max-width: 970px){
    footer .footer-info div:nth-child(3) {
        width: 35%;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev,
    .instagram-block .owl-carousel .owl-nav .owl-next{
        top: -110px !important;
    }
    .ask-expert a {
        margin-top: 10px;
        width: 100%;
    }
}

@media screen and (max-width: 800px){
    h2, .h2 {
        font-size: 24px;
    }
    .form-inputs-block{
        width: 100%;
    }
    .form-inputs-block .col-sm-12 > .col-sm-6{
        padding: 0px !important;
    }
    .form-group .col-sm-9{
        padding-left: 0;
    }
    .main-container {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .top-menu{
        height: auto;
    }
	.top-menu .column{
        position: absolute;
        width: 100%;
        top: 110px;
        z-index: 10000;
        background: #fff;
        border: 1px solid #ddd;
        border-width: 1px 0 1px 0;
        display: none;
        padding: 0 0 10px;
    }
    .top-menu > div > div{
        float: none;
        color: #52b848;
        padding-left: 35px;
        margin-top: 15px;
    }
    .top-menu > div > div::before{
        content: none;
    }
    .top-menu ul{
        float: none;
        margin: 0;
        padding: 0;
    }
    .top-menu ul > li{
        display: block;
        padding: 10px 0 10px 10px;
        margin-left: 0px;
    }
    .top-menu ul > li > .fa{
        display: inline-block;
        color: #222;
        width: 15px;
        text-align: center;
        margin: 0 5px 0;
    }
    .top-menu ul > li > a{
        color: #222;
        border-bottom: none;
        text-transform: uppercase;
        line-height: 2;
    }
    label.toggleInfo{
		display: block;
        float: right;
	}    
	label.toggleInfo .fa{
		position: absolute;
        top: 9px;
        right: 15px;
        font-size: 20px;
        color: #999;
	}  
	.column.active{
		display: block;
    }   
    .top-menu .phone-block.active{
        display: block;
    }
    .top-menu .phone-block > span {
        color: #52b848;
        font-size: 20px !important;
        font-weight: 700 !important;
    }
    .top-menu .phone-block > p {
        display: block !important;
        font-size: 12px !important;
        color: #555 !important;
        font-weight: 500 !important;
        float: right;
        margin: 5px 0 0 !important;
    }
    .logo .site-description {
        font-size: 12px;
    }
    .logo {
        width: 100% !important;
        position: absolute;
        top: 0px;
    }
    .logo h1.site-title, .logo h1.site-title > a {
        font-size: 30px;
        margin-top: 12px;
    }
    .logo h1.site-title img {
        width: 44px;
        margin: 0 3px;
    }
    .menu-block {
        width: 100%;
        background: #f8f8f8;
        border-top: 1px solid #eee;
        padding: 1px 0 2px;
        margin-top: 85px;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -120px !important;
    }
    .subscribe-block .column {
        padding: 0 40px;
        text-align: center;
        color: #fff;
    }
    .subscribe-block .subscribe-form-item {
        width: 50%;
    }
    .subscribe-block .subscribe-form-item--btn-submit{
        width: 100%;
    }    
    footer .footer-info div:nth-child(3) {
        width: 40%;
    }
    footer .footer-info {
        background-size: 100px;
    }
    footer .footer-info div {
        width: 20%;
    }
    footer .footer-bottom .column {
        padding-left: 20px;
    }
}
@media screen and (max-width: 900px) and (min-width: 767px){
    .faqs-block > div:nth-child(1) ul {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px){
    .instagram-block.big .row > .col-sm-12{
        padding: 0;
    }
    .instagram-block.big .row > div:nth-child(2){
        margin-top: 0px;
        padding: 0 10px;
    }
    .instagram-block.big .row > div:nth-child(3){
        margin-top: 0px;
        text-align: left;
    }
    .instagram-block.big .row > div:nth-child(2) a{
        background-position: 100% 50%;
    }
    .instagram-block.big .row > div:nth-child(3) a{
        background-position: 0% 50%;
    }
    .faqs-block > div:nth-child(2) {
        border-left: none;
        border-top: 1px solid #ddd;
        padding: 30px 0 0 0;
    }
    .content-img{
        width: 100%;
        height: auto;
    }
    .hit-block{
        margin: 20px 0;
    }
    .blockquote {
        padding: 20px 30px 40px;
    }
    .no-flex-block{
        display: block !important;
    }
    .cols3x > div{
        margin: 10px 0px 40px !important;
    }    
    .ask-expert a{
        margin-top: 30px;
        width: 220px;
    }
    .ask-expert p {
        padding: 0 30%;
    }
    .ask-expert p.title {
        background: none;
    }
    .firm_shop_info div:nth-child(2) p:nth-child(3){
        font-size: 18px;
    }
}
@media screen and (max-width: 700px){
    h1, .h1 {
        margin-bottom: 20px;
    }
    .bx-breadcrumb{
        display: none;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -170px !important;
    }
    .instagram-block p.title {
        font-size: 22px;
    }
    .instagram-block .row p {
        font-size: 16px;
    }
    footer .footer-info {
        background: none;
        height: auto;
        padding-top: 0px;
        display: block;
    }
    footer .footer-info div {
        width: 50%;
        float: left;
    }
    footer .footer-info div ul{
        margin-bottom: 0;
    }
    footer .footer-info div:nth-child(3) {
        width: 100%;
        padding: 10px 5px 10px 15px;
        display: block;
        text-align: center;
        margin: 0;
    }
    footer .footer-info div:nth-child(1) {
        text-align: right;
        border-right: 1px solid #ddd;
        margin-bottom: 10px;
    }
    footer .footer-info p.mail::before,
    footer .footer-info p.phone::before{
        left: inherit;
        margin-left: -20px;
    }
    footer .footer-bottom .column{
        text-align: center;
    }
    footer .footer-bottom div > span {
        display: block;
    }
}
@media screen and (max-width: 600px){
    .subscribe-block .subscribe-form-item {
        width: 100%;
    }
    .instagram-block p.title > br{
        display: inline-block;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -140px !important;
    }
    .firm_shop_info div {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .firm_shop_info div p:first-child {
        width: 50px;
        height: 50px;
    }
    .ask-expert p {
        padding: 0 40% 0 5%;
    }
}
@media screen and (max-width: 500px){
    h1, .h1 {
        font-size: 20px;    
        margin-top: 10px;
    }
    .logo h1.site-title, .logo h1.site-title > a {
        font-size: 24px;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -120px !important;
        width: 15px;
        height: 30px;
    }
    .subscribe-block {
        padding: 10px 0;
    }
    .subscribe-block p:nth-child(1) {
        font-size: 18px;
        margin: 10px 0;
    }
    .subscribe-block p:nth-child(2) {
        font-size: 13px;
    }
    .subscribe-block p.info {
        font-size: 12px;
    }
    .ask-expert p {
        padding: 0 20% 0 5%;
    }
}
@media screen and (max-width: 450px){
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -90px !important;
    }
}
@media screen and (max-width: 400px){
    .logo h1.site-title, .logo h1.site-title > a {
        font-size: 22px;
    }
    .subscribe-block .column {
        padding: 0 20px;
    }
}
@media screen and (max-width: 350px){
    .logo h1.site-title, .logo h1.site-title > a {
        font-size: 18px;
    }
    .instagram-block .owl-carousel .owl-nav .owl-prev, .instagram-block .owl-carousel .owl-nav .owl-next {
        top: -70px !important;
    }
}
/* End */


/* Start:/local/templates/temp_main_copy/css/owl.carousel.css?16091542014744*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/temp_main_copy/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/temp_main_copy/css/owl.theme.default.css?16091542011380*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/* End */


/* Start:/local/templates/temp_main_copy/css/animate.css?160915420177749*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  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);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  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);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -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 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -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 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 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 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 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 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-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);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  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 bounceOutUp {
  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);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-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);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-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;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-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);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  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 slideInRight {
  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);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  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);
  }
}

@keyframes slideOutLeft {
  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);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-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);
  }
}

@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);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* End */


/* Start:/local/templates/temp_main_copy/css/jquery.fancybox.min.css?160915420114065*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/temp_main_copy/css/simplebar.css?16091542012630*/
/*
 *  SimpleBar.js - v1.1.9
 *  Scrollbars, simpler.
 *  https://grsmto.github.io/simplebar/
 *
 *  Made by Adrien Grsmto from a fork by Jonathan Nicol
 *  Under MIT License
 */
.simplebar, [data-simplebar-direction] {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
    overflow-y: scroll;
    overflow-x: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -ms-overflow-style: none; /* hide browser scrollbar on IE10+ */
}

/* hide browser scrollbar on Webkit (Safari & Chrome) */
.simplebar-scroll-content::-webkit-scrollbar {
    display: none;
}

[data-simplebar-direction="horizontal"] .simplebar-scroll-content,
.simplebar.horizontal .simplebar-scroll-content {
    overflow-x: scroll;
    overflow-y: auto;
}

.simplebar-track {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px;
}

.simplebar-track .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
}

.simplebar-track:hover .simplebar-scrollbar {
    /* When hovered, remove all transitions from drag handle */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear;
}

.simplebar-track .simplebar-scrollbar.visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

[data-simplebar-direction="horizontal"] .simplebar-track,
.simplebar.horizontal .simplebar-track {
    top: auto;
    left: 0;
    width: auto;
    height: 11px;
}

[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
.simplebar.horizontal .simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* End */
/* /local/templates/temp_main_copy/components/bitrix/menu/horizontal_multilevel_grey/style.css?165970986516713 */
/* /local/templates/temp_main_copy/components/bitrix/search.form/flat2/style.css?16091542222189 */
/* /local/js/ui/design-tokens/dist/ui.design-tokens.css?171801054526358 */
/* /local/js/main/popup/dist/main.popup.bundle.css?179178481925134 */
/* /local/components/bitrix/main.userconsent.request/templates/.default/user_consent.css?17688320574416 */
/* /local/templates/temp_main_copy/template_styles.css?162333278331786 */
/* /local/templates/temp_main_copy/css/owl.carousel.css?16091542014744 */
/* /local/templates/temp_main_copy/css/owl.theme.default.css?16091542011380 */
/* /local/templates/temp_main_copy/css/animate.css?160915420177749 */
/* /local/templates/temp_main_copy/css/jquery.fancybox.min.css?160915420114065 */
/* /local/templates/temp_main_copy/css/simplebar.css?16091542012630 */