/* Start:/bitrix/templates/kixx/css/style.css?169025311117189*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

html {min-height: 100%;position: relative;}
body {margin: 0;padding: 76px 0 59px 0;font-family: 'Roboto Condensed', sans-serif;font-size: 16px;color: #4e5253;}
ul, ol {margin: 0 0 15px 20px;padding: 0;}
.wow { visibility: hidden; }

h1, h2, h3, h4, h5, h6, p {margin: 0 0 15px 0;padding: 0;}



.clear:after {content: " ";display: block;clear: both;}

.box {max-width: 1200px;margin: 0 auto;}

header {border-bottom: 1px solid #ddd;background: url(/bitrix/templates/kixx/css/../images/header_line.jpg) repeat-y center;position: fixed;z-index: 20;top: 0;left: 0;width: 100%}
header ul {margin: 0;padding: 0;}
header:after {content: " ";display: block;width: 100%;height: 10px;background: url(/bitrix/templates/kixx/css/../images/header_two_line.png) no-repeat center;position: absolute;left: 0;bottom: -10px;}

.header {background: #ffffff;}



.logo_box {background: #2d2d2d;padding: 5px 0;float: left;position: relative}
.logo_box:after {content: " ";display: block;height: 100%;width: 150px;background: #2d2d2d;position: absolute;top: 0;right:-50px;-moz-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-o-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg);}
.logo_box img {position: relative;z-index: 2}

.main_banner {background: url(/bitrix/templates/kixx/css/../images/bg-body.gif);}

.container {padding: 0 0 15px;}

.p_title {font-size: 24px;text-transform: uppercase;text-align: center;margin: 25px 0;position: relative;}
.p_title span {display: inline-block;padding: 0 25px;background: #ffffff;z-index: 2;position: relative;}

.title_product {font-size: 18px;text-transform: uppercase;text-align: center;margin: 0 0 25px 0;position: relative;}
.title_product span {display: inline-block;padding: 0 10px;background: #ffffff;z-index: 2;position: relative;}

.p_title:before, .title_product:before {content: " ";display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;background: rgba(255,255,255,1);background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(45,45,45,1) 10%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 90%, rgba(255,255,255,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(45,45,45,1)), color-stop(50%, rgba(45,45,45,1)), color-stop(90%, rgba(45,45,45,1)), color-stop(100%, rgba(255,255,255,1)));background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(45,45,45,1) 10%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 90%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(45,45,45,1) 10%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 90%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(45,45,45,1) 10%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 90%, rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(45,45,45,1) 10%, rgba(45,45,45,1) 50%, rgba(45,45,45,1) 90%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.owl-dots {position: absolute;bottom: 10px;right: 10px;font-size: 0;}
.owl-dot {display: inline-block;margin-left: 5px}
.owl-dot span {display: block;background: #ffffff;width: 20px;height: 20px}
.owl-dot.active span {background: #df542a;}
.owl-dot:hover span {background: #fafafa;}

.main_section {padding: 25px 0 0;background: #fafafa;border-bottom: 1px solid #dddddd;}
.main_section .p_title {margin-top: 0;}
.main_section .p_title span {background: #fafafa;}

ul.section_outer_list {padding: 0;text-align:center}
.section_outer_list li {width: 16.666%;list-style: none;text-align: center;display: inline-block;vertical-align: top;}
.section_outer_list li h2 {margin: 0;text-transform: uppercase;padding:  0 15px;font-size: 16px}
.section_outer_list li a:link, .section_outer_list li a:visited {color: #4e5253;text-decoration: none;}
.section_outer_list li i {display: block;width: 90px;height: 90px;background: #dddddd;margin: 0 auto 15px;background: url(/bitrix/templates/kixx/css/../images/category_icons.png)}

#bx_1847241719_95 i {background-position: 0 0;}
#bx_1847241719_95 a:hover i {background-position: -90px 0;}

#bx_1847241719_11 i {background-position: 0 -90px;}
#bx_1847241719_11 a:hover i {background-position: -90px -90px;}

#bx_1847241719_10 i {background-position: 0 -180px;}
#bx_1847241719_10 a:hover i {background-position: -90px -180px;}

#bx_1847241719_12 i {background-position: 0 -270px;}
#bx_1847241719_12 a:hover i {background-position: -90px -270px;}

#bx_1847241719_16 i {background-position: 0 -360px;}
#bx_1847241719_16 a:hover i {background-position: -90px -360px;}

#bx_1847241719_13 i {background-position: 0 -450px;}
#bx_1847241719_13 a:hover i {background-position: -90px -450px;}





.moremain_news {text-align: center;}
.moremain_news a {font-size: 18px;text-transform: uppercase;display: inline-block;padding: 8px 16px;background: #37b4ae;border-radius: 3px;}
.moremain_news a:link, .moremain_news a:visited {color: #ffffff;text-decoration: none;}
.moremain_news a:hover {background: #0e9d9b}

.main_news {background: #fafafa;padding: 50px 0;border-top: 1px solid #dddddd;}
.main_news .p_title span {background: #fafafa;}

.menu_bottom {padding: 50px 0;border-top: 1px solid #dddddd;}
.menu_bottom ul {font-size: 0;text-align: center;margin: 0;padding: 0}
.menu_bottom li {display: inline-block;vertical-align: top;font-size: 16px;width: 180px;margin: 0 15px;text-transform: uppercase;font-weight: bold;}
.menu_bottom li a {display: block;width: 180px;height: 180px;border:1px solid #dddddd;padding: 15px;border-radius: 4px;}
.menu_bottom li a:link, .menu_bottom li a:visited {color: #4e5253;text-decoration: none;}
.menu_bottom li a:hover {color: #37b4ae;border-color: #37b4ae}
.menu_bottom li i {display: block;width: 80px;height: 80px;background: #dddddd;margin: 0 auto 10px}

#servises_kixx {background: url(/bitrix/templates/kixx/css/../images/placeholder.svg) no-repeat center;background-size: 100%;}
.menu_bottom li a:hover #servises_kixx  {background: url(/bitrix/templates/kixx/css/../images/placeholder_active.svg) no-repeat center;background-size: 100%;}

#shop_kixx {background: url(/bitrix/templates/kixx/css/../images/shopping-cart.svg) no-repeat center;background-size: 100%;}
.menu_bottom li a:hover #shop_kixx {background: url(/bitrix/templates/kixx/css/../images/shopping-cart_active.svg) no-repeat center;background-size: 100%;}

#oil_kixx {background: url(/bitrix/templates/kixx/css/../images/idea.svg) no-repeat center;background-size: 100%;}
.menu_bottom li a:hover #oil_kixx {background: url(/bitrix/templates/kixx/css/../images/idea_active.svg) no-repeat center;background-size: 100%;}

#kixx_about {background: url(/bitrix/templates/kixx/css/../images/notepad.svg) no-repeat center;background-size: 100%;}
.menu_bottom li a:hover #kixx_about {background: url(/bitrix/templates/kixx/css/../images/notepad_active.svg) no-repeat center;background-size: 100%;}

#kixx_say {background: url(/bitrix/templates/kixx/css/../images/demostration.svg) no-repeat center;background-size: 100%;}
.menu_bottom li a:hover #kixx_say {background: url(/bitrix/templates/kixx/css/../images/demostration_active.svg) no-repeat center;background-size: 100%;}

.top_page {padding-top: 30px}

.product_outer {font-size: 0;display: flex;flex-flow: row wrap;justify-content: center;}
.product_rows {width: 25%;display: inline-block;vertical-align: top;font-size: 16px;margin: 0 0 25px 0;text-align: center;}
.product_rows a {display: block;padding: 15px;height: 100%;}
.product_rows a:link, .product_rows a:visited {color: #4e5253;text-decoration: none;}
.product_rows a:hover {background: #fafafa;}
.product_rows h2, .product_rows h3 {margin: 0 0 0 0;text-transform: uppercase;}
.product_rows h2 {font-size: 16px}
.product_rows h3 {font-size: 18px;font-weight: bold;padding: 10px 0;}
.admission_product {font-size: 16px;text-transform: uppercase;}
.admission_product b {color: #df542a}
.product_more {padding: 10px 0;}
.product_more span {color: #00969b;}
.product_rows_photo {margin: 0 0 15px 0}
.product_rows_photo img {display: block;height: 300px;width: auto;margin: 0 auto;}

.sidebar_product .admission_product {font-size: 20px;}

.sidebar_product {width: 300px;float: left;padding: 0 25px}
.product_images {margin: 0 0 15px 0}
.admission_product {text-align: center;}
.product_file {margin: 0 0 25px 0}
.product_file a {display: block;text-align: center;padding: 5px 10px;background: #00969b;border-radius: 4px;}
.product_file a:link, .product_file a:visited {color: #ffffff;text-decoration: none;}
.product_file a:hover {background: #00969b;}
.product_file a i {display: inline-block;width: 20px;height: 20px;background: url(/bitrix/templates/kixx/css/../images/icon_download.svg) no-repeat center;background-size: 100%;background-position: 0 0;position: relative;top: 2px;left: -5px}
.product_info_bottom {margin: 25px 0 0 0;}
.content_product {float: left;width: calc(100% - 300px);padding-top: 15px}

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

.depth_section_box {background: #4e5253;}
ul.depth_section {margin: 0;padding: 0;display: table;width: 100%;}
ul.depth_section li {display: table-cell;text-align: center;text-transform: uppercase;font-size: 13px}
ul.depth_section li a {display: block;padding: 10px 10px 8px 10px;border-left: 1px solid #ffffff;border-bottom: 2px solid #4e5253}
ul.depth_section li:last-child a {border-rigth: 1px solid #ffffff;} 
ul.depth_section li a:link, ul.depth_section li a:visited {color: #ffffff;text-decoration: none;}
ul.depth_section li a:hover {border-bottom-color: #00969b}

.serificat_title {max-width: 1200px;text-align: center;margin: 0 auto 20px;border-bottom: 1px solid #dddddd;padding-bottom: 8px}
.serificat_title h3 {margin: 0;}
.serificat_box {height: 435px;background: url(/bitrix/templates/kixx/images/sertificat_bg.jpg) no-repeat center;}

.sertifacat_rows {text-align: center;padding-top: 90px;}
.img_serificat {width: 170px;margin: 0 auto 15px;border:10px solid #fafafa;}
.img_serificat img {display: block;border: 1px solid #dddddd;}

.sertifacat_rows a:link, .sertifacat_rows a:visited {color: #2d2d2d;text-decoration: none;}
.img_serificat:hover {border-color: #0e9d9b}

ul.section_outer_list {margin: 0;padding: 0;}

.admission_box_row span:after {content: ', ';}
.admission_box_row span:last-child:after {display: none;}

footer {position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 0;border-top: 1px solid #ddd;background: #fafafa;}

.f_logo {float: left;margin-right: 100px}
.f_logo span {display: block;font-size: 11px}

.f_button {float: left;}
.f_button b {display: block;font-size: 12px}
.f_button a {display:inline-block;padding:3px 10px;background: #717575;border-radius: 4px;}
.f_button a:link, .f_button a:visited {color: #ffffff;text-decoration: none;}
.f_button a:hover {background: #4e5253;}

.fix_menu {position: fixed;top: 50%;right: 0;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.fix_menu a {display: block;padding: 10px;background: #df542a;margin-bottom: 1px;text-align: center;}
.fix_menu a:link, .fix_menu a:visited {color: #ffffff;text-decoration: none;}
.fix_menu a:hover {background: #ee8857}
.fix_menu span {display: block;width: 50px;height: 50px;margin: 0 auto;}
.fix_menu i {font-style: normal;font-size: 12px;}


.oil_filter_title {text-align: center; margin-bottom: 50px}
.oil_filter_title a:link, .oil_filter_title a:visited {color:#fff; text-decoration: none;}

.oil_filter_title h3 {text-transform: uppercase; font-size: 30px; border: 2px solid #df542a; padding: 6px 35px; display: inline-block; background:#df542a; margin: 0; }
.oil_filter_title h3 i {display: inline-block; width: 32px; height: 32px; background: url(/bitrix/templates/kixx/css/../images/ico_oil_filter.png) no-repeat center; margin-right: 10px; vertical-align: text-top; background-size: auto 100%;}
.oil_filter_title h3:hover {background:#ee8857; border-color:#ee8857}


#f_menu_1 span {background: url(/bitrix/templates/kixx/css/../images/notepad-white.svg) no-repeat center;background-size: 100%;}
#f_menu_2 span {background: url(/bitrix/templates/kixx/css/../images/ico_oil_filter.png) no-repeat center;background-size: auto 100%;}
#f_menu_3 span {background: url(/bitrix/templates/kixx/css/../images/placeholder-white.svg) no-repeat center;background-size: 100%;}
#f_menu_4 span {background: url(/bitrix/templates/kixx/css/../images/basket_icon.svg) no-repeat center;background-size: 100%;}

.sld_box {position: relative;margin: 0 0 35px 0}

.advantages_outer {padding: 35px 0}
.advantages_outer .sld_box {margin: 0;}

.sld_box ul {margin: 0;padding: 0;display: block;float: left;width: 35%;}
.sld_box ul li {list-style: none;min-height: 80px;}
.sld_box ul li + li {padding-top: 30px;}

.sld_box ul li a:link, .sld_box ul li a:visited {color: #000000;text-decoration: none;}
.sld_box ul li a:hover {color: #5d5b5b}

.sld_box ul li img {display: block;max-width: 80px;height: auto;float: left; max-height: 80%; max-width: 90%; position: absolute; margin: 0 auto; top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sld_img {width: 80px;height: 80px;float: left;background: url(/bitrix/templates/kixx/css/../images/p_ring_ico.png) no-repeat center;background-size: 80px 80px; position: relative;}
.sld_img span {display: block;height: 56px;width: 56px;margin: 12px auto 0;}

.sld_box ul#sld_right li img {float: right;}
.sld_box ul#sld_right li .sld_img {float: right;}

ul#sld_right {margin-top: 45px;}

.sld_info {padding-left: 100px;}
.sld_box ul#sld_right .sld_info {padding-left: 0;padding-right: 100px}

.sld_box ul li h3 {margin: 0;border-bottom: 1px solid #000000;padding-bottom: 6px;font-size: 22px;text-transform: uppercase;position: relative;}
.sld_box ul li p {margin: 0;display: none;padding: 10px 0;font-size: 12px;}
.sld_box ul li h3 span {display: block;-webkit-transition: all .3s cubic-bezier(.25,.8,.25,1);-moz-transition: all .3s cubic-bezier(.25,.8,.25,1);transition: all .3s cubic-bezier(.25,.8,.25,1);border-bottom: 1px solid #000;width: 20%;position: absolute; bottom: -1px;left: -20%;transform: rotate(-45deg);transform-origin: right center;}
.sld_box ul li h3 span:before {display: block;content: "";width: 7px;height: 7px;background-color: #000;border-radius: 50%;position: absolute;bottom: -4px;}
.sld_box ul#sld_left li h3 span:before {right: 0}


#sld_1 {right: -20%;left: auto;transform: rotate(45deg);transform-origin: left center;}
#sld_2 {right: -14%;left: auto;transform-origin: left center;transform: none!important;}
#sld_3 {right: -20%;left: auto;transform: rotate(-45deg);transform-origin: left center;}

#sld_4 {left: -20%;right: auto;transform: rotate(-45deg);transform-origin: right center;}
#sld_5 {transform: none!important;left: -14%;}
#sld_6 {left: -20%;right: auto;transform: rotate(45deg);transform-origin: right center;}

#sld_right {float: right;text-align: right;}

.sld_image {position: absolute;top: 0;left: 0;width: 100%;}
.sld_image img {width: 225px;height: auto;display: block;margin:50px auto 0;}

.filter_title {float: left;width: 150px;}
.bx_my_filter form {float: left;width: calc(100% - 150px)}

.f_contact_box {float: right;}
.f_contact {float: left;margin-left: 25px}
.f_contact span {font-size: 12px;display: block;color:#df542a;margin-bottom: 2px}
.f_contact b {display: block;font-size: 18px}


.newCategoryOuter {background: #fafafa;border-bottom: 1px solid #dddddd;}
.newCategoryOuter ul {margin: 0;padding: 0;display: flex;}
.newCategoryOuter ul li {list-style: none;width: 20%;text-align: center;position: relative;}
.newCategoryOuter ul li a {display: block;padding: 25px 0;min-height: 100%;}
.newCategoryOuter ul li a:link, .newCategoryOuter ul li a:visited {color: #4e5253;text-decoration: none;}
.newCategoryOuter ul li a:hover {background: #ffffff;}
.newCategoryOuter ul li:hover ul {display: block;}
.newCategoryOuter ul li h2 {margin: 0;text-transform: uppercase;font-size: 16px;padding: 0 35px;}
.newCategoryOuter ul li span {display: block;height: 90px;width: 90px;background: url(/bitrix/templates/kixx/css/../images/category_icons.png) no-repeat;margin:0 auto 15px;}

#sp_nav_10 {background-position: 0 -180px;}
.newCategoryOuter ul li:hover #sp_nav_10 {background-position: -90px -180px;}
#sp_nav_11 {background-position: 0 -90px;}
.newCategoryOuter ul li:hover #sp_nav_11 {background-position: -90px -90px;}
#sp_nav_12 {background-position: 0 -270px;}
.newCategoryOuter ul li:hover #sp_nav_12 {background-position: -90px -270px;}
#sp_nav_13 {background-position: 0 -450px;}
.newCategoryOuter ul li:hover #sp_nav_13 {background-position: -90px -450px;}
#sp_nav_95 {background-position: 0 0;}
.newCategoryOuter ul li:hover #sp_nav_95 {background-position: -90px 0;}
#sp_nav_120 {background-position: 0 -360px;}
.newCategoryOuter ul li:hover #sp_nav_120 {background-position: -90px -360px;}


.newCategoryOuter ul ul {display: none;position: absolute;top: 100%;left: 0;border:1px solid #dddddd;padding: 10px;z-index: 10;background: #ffffff;border-top: 0;width:100%;}
.newCategoryOuter ul ul li {display: block;width: auto;text-align: left;}
.newCategoryOuter ul ul li a {padding: 5px 0;}
.newCategoryOuter ul ul li a:hover {color: #0e9d9b;text-decoration: underline;}

.blockTop {display: block;font-size: 12px;}
p.brandStrongColor
{
	font-weight:bold;
	color:#f7941d;
}

/* End */


/* Start:/bitrix/templates/kixx/css/owl.carousel.css?16366051114744*/
/**
 * 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("/bitrix/templates/kixx/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:/bitrix/templates/kixx/css/animate.css?163660511157095*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

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

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

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

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

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

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

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

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

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

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

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

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

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

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

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

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

/* End */


/* Start:/bitrix/templates/kixx/css/jquery.fancybox.min.css?163660511114065*/
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/kixx_mobile/components/bitrix/menu/my_tree/style.css?16366051121355*/
.h_nav {float: right;}
.h_nav ul {font-size: 0;text-transform: uppercase;}


.h_nav li {display: inline-block;font-size: 16px;margin-left: 25px;position: relative;}
.h_nav li:first-child {margin-left: 0;}
.h_nav li a {position: relative;height: 71px;line-height: 71px;display: block;}
.h_nav li a:link, .h_nav li a:visited {color: #4e5253;text-decoration: none;}
.h_nav li a:hover {text-decoration: underline;}
.h_nav li a:before {content: " ";display: block;width: 5px;height: 5px;border-radius: 5px;position: absolute;left: -15px;top:50%;margin-top: -2.5px;background: #ee8857}
.h_nav li:first-child a:before {display: none;}

.h_nav li.menu-close.active ul {display: block;}

.h_nav li.selected a:link, .h_nav li.selected a:visited {color: #df542a;text-decoration: underline;}

.h_nav ul ul {display:none;border:1px solid #dddddd;border-top: 0;position: absolute;top: 100%;left: 0;width: 200px;background: #ffffff;}
.h_nav ul ul li {margin: 0;display: block;height: auto;line-height: normal;}
.h_nav ul ul li a {display: block;padding: 10px 12px;height: auto;line-height: normal;}
.h_nav li li a:before {display: none;}

#h_btn span {background: #df542a;padding: 5px 10px;color: #ffffff;border-radius: 3px}
#h_btn a:link, #h_btn a:visited {color: #ffffff;text-decoration: none;}
#h_btn span:hover {background: #ee8857}
#h_btn a:before {display: none;}
/* End */


/* Start:/bitrix/templates/.default/components/api/feedbackex/callForm/tmp/form10-gradient.css?176642846713457*/
#API_FEX_FORM10 .uk-form input,
#API_FEX_FORM10 .uk-form select,
#API_FEX_FORM10 .uk-form textarea{ -moz-box-sizing:border-box; box-sizing:border-box; margin:0; border-radius:0; font:inherit; color:inherit }
#API_FEX_FORM10 .uk-form select{ text-transform:none }
#API_FEX_FORM10 .uk-form optgroup{ font:inherit; font-weight:700 }
#API_FEX_FORM10 .uk-form input::-moz-focus-inner{ border:0; padding:0 }
#API_FEX_FORM10 .uk-form input[type=checkbox],
#API_FEX_FORM10 .uk-form input[type=radio]{ padding:0 }
#API_FEX_FORM10 .uk-form input[type=checkbox]:not(:disabled),
#API_FEX_FORM10 .uk-form input[type=radio]:not(:disabled){ cursor:pointer }
#API_FEX_FORM10 .uk-form input:not([type]),
#API_FEX_FORM10 .uk-form input[type=text],
#API_FEX_FORM10 .uk-form textarea{ -webkit-appearance:none }
#API_FEX_FORM10 .uk-form fieldset{ border:none; margin:0; padding:0 }
#API_FEX_FORM10 .uk-form textarea{ overflow:auto; vertical-align:top }
#API_FEX_FORM10 .uk-form::-moz-placeholder{ opacity:1 }
#API_FEX_FORM10 .uk-form:invalid{ box-shadow:none }
#API_FEX_FORM10 .uk-form input:not([type=radio]):not([type=checkbox]),
#API_FEX_FORM10 .uk-form select{ vertical-align:middle }
#API_FEX_FORM10 .uk-form > :last-child{ margin-bottom:0 }
#API_FEX_FORM10 .uk-form input:not([type]),
#API_FEX_FORM10 .uk-form input[type=text],
#API_FEX_FORM10 .uk-form input[type=password],
#API_FEX_FORM10 .uk-form select,
#API_FEX_FORM10 .uk-form textarea{
	height:34px;
	max-width:100%;
	padding:4px 6px;
	background:#fff;
	color:#444;
	border:1px solid #cbcbcb;
	border-top-color:#a6a6a6;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent;
	-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent;
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent;
	-webkit-transition:box-shadow ease .3s, border ease .3s;
	-moz-transition:box-shadow ease .3s, border ease .3s;
	transition:box-shadow ease .3s, border ease .3s;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	width:100%;
	font-family:inherit;
	font-size:inherit;
	vertical-align:middle;
}
#API_FEX_FORM10 .uk-form input:not([type]):focus,
#API_FEX_FORM10 .uk-form input[type=text]:focus,
#API_FEX_FORM10 .uk-form input[type=password]:focus,
#API_FEX_FORM10 .uk-form select:focus,
#API_FEX_FORM10 .uk-form textarea:focus{
	background:#f8fbff;
	border:1px solid #4d98de;
	outline:#4d98de solid 1px;
	outline-offset:0;
	outline-color:rgba(0, 0, 0, 0);
	box-shadow:0 1px 3px 0 transparent inset, 0 0 0 1px #4d98de;
}
#API_FEX_FORM10 .uk-form input:not([type]):disabled,
#API_FEX_FORM10 .uk-form input[type=text]:disabled,
#API_FEX_FORM10 .uk-form select:disabled,
#API_FEX_FORM10 .uk-form textarea:disabled{ border-color:#ddd; background-color:#fafafa; color:#999 }
#API_FEX_FORM10 .uk-form :-ms-input-placeholder{ color:#999 !important }
#API_FEX_FORM10 .uk-form ::-moz-placeholder{ color:#999 }
#API_FEX_FORM10 .uk-form ::-webkit-input-placeholder{ color:#999 }
#API_FEX_FORM10 .uk-form :disabled:-ms-input-placeholder{ color:#999 !important }
#API_FEX_FORM10 .uk-form :disabled::-moz-placeholder{ color:#999 }
#API_FEX_FORM10 .uk-form :disabled::-webkit-input-placeholder{ color:#999 }
#API_FEX_FORM10 .uk-form legend{ width:100%; border:0; padding:0; padding-bottom:15px; font-size:18px; line-height:30px }
#API_FEX_FORM10 .uk-form legend:after{ content:""; display:block; border-bottom:1px solid #ddd; width:100% }
#API_FEX_FORM10 input:not([type]).uk-form-small,
#API_FEX_FORM10 input[type="text"].uk-form-small,
#API_FEX_FORM10 input[type="password"].uk-form-small,
#API_FEX_FORM10 select.uk-form-small,
#API_FEX_FORM10 textarea.uk-form-small{ height:25px; padding:3px; font-size:12px }
#API_FEX_FORM10 input:not([type]).uk-form-large,
#API_FEX_FORM10 input[type="text"].uk-form-large,
#API_FEX_FORM10 input[type="password"].uk-form-large,
#API_FEX_FORM10 select.uk-form-large,
#API_FEX_FORM10 textarea.uk-form-large{ height:40px; padding:8px 6px; font-size:16px }
#API_FEX_FORM10 .uk-form select[multiple],
#API_FEX_FORM10 .uk-form select[size],
#API_FEX_FORM10 .uk-form textarea{ height:auto }
#API_FEX_FORM10 .uk-form-danger{ border:1px solid; border-color:#db2822 !important; background:#fff7f8 !important; color:#d85030 !important; }
#API_FEX_FORM10 .uk-form-danger:focus{
	background:#fff;
	outline-color:#db2822;
	outline-color:rgba(0, 0, 0, 0);
	-webkit-box-shadow:0 1px 3px 0 transparent inset, 0 0 0 1px #db2822 !important;
	-moz-box-shadow:0 1px 3px 0 transparent inset, 0 0 0 1px #db2822 !important;
	box-shadow:0 1px 3px 0 transparent inset, 0 0 0 1px #db2822 !important;
}
#API_FEX_FORM10 .uk-form-success{ border:1px solid; border-color:#8ec73b !important; background:#fafff2 !important; color:#659f13 !important }
#API_FEX_FORM10 .uk-form-success:focus{ -webkit-box-shadow:0 0 2px #a6d75a, 0 2px 2px #ededed inset !important; -moz-box-shadow:0 0 2px #a6d75a, 0 2px 2px #ededed inset !important; box-shadow:0 0 2px #a6d75a, 0 2px 2px #ededed inset !important; }
#API_FEX_FORM10 .uk-form-blank{ border-color:transparent !important; border-style:dashed !important; background:none !important }
#API_FEX_FORM10 .uk-form-blank:focus{ border-color:#ddd !important }
#API_FEX_FORM10 .uk-width-1-1{ width:100%; }
#API_FEX_FORM10 .uk-form-row:after, .uk-form-row:before{ content:""; display:table }
#API_FEX_FORM10 .uk-form-row:after{ clear:both }
#API_FEX_FORM10 .uk-form-row + .uk-form-row{ margin-top:15px }
#API_FEX_FORM10 .uk-form-help-inline{ display:inline-block; margin:0 0 0 10px }
#API_FEX_FORM10 .uk-form-help-block{ margin:5px 0 0 }
#API_FEX_FORM10 .uk-form-controls{position: relative}
#API_FEX_FORM10 .uk-form-controls label{ display:block }
#API_FEX_FORM10 .uk-form-controls .api-inline-block{ display:inline-block; margin:0 5px 5px 0 }
#API_FEX_FORM10 .uk-form-controls > :first-child{ margin-top:0 }
#API_FEX_FORM10 .uk-form-controls > :last-child{ margin-bottom:0 }
#API_FEX_FORM10 .uk-form-controls-condensed{ margin:5px 0; position:relative }
#API_FEX_FORM10 .uk-form-stacked .uk-form-label{ display:block; margin-bottom:5px; font-weight:700; text-align:left }
#API_FEX_FORM10 .uk-form-stacked .group-button .uk-form-label{ display:none }
@media (max-width:959px){
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-label{ display:block; margin-bottom:5px; font-weight:700; text-align:left !important; }
	#API_FEX_FORM10 .group-button .uk-form-label{ display:none; }
}
@media (min-width:960px){
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-label{ width:200px; margin-top:5px; float:left; font-weight:700;}
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-controls{ margin-left:215px }
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-controls-text{ padding-top:5px }
}
#API_FEX_FORM10 .uk-form-horizontal .uk-form-controls label{ width:auto !important; margin:0; padding:0; float:none; }
#API_FEX_FORM10 .uk-form-stacked .one-checkbox > *{ display:inline-block; vertical-align:top }
/**/
#API_FEX_FORM10 .uk-button::-moz-focus-inner{ border:0; padding:0 }
#API_FEX_FORM10 .uk-button{ -webkit-appearance:none; margin:0; overflow:visible; font:inherit; color:#444; text-transform:none; display:inline-block; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 12px; background:#f7f7f7; vertical-align:middle; line-height:32px; min-height:34px; font-size:inherit; text-decoration:none; text-align:center; border:1px solid rgba(0, 0, 0, .2); border-bottom-color:rgba(0, 0, 0, .3); background-origin:border-box; background-image:-webkit-linear-gradient(top, #fff, #eee); background-image:linear-gradient(to bottom, #fff, #eee); border-radius:4px; text-shadow:0 1px 0 #fff }
#API_FEX_FORM10 .uk-button:not(:disabled){ cursor:pointer }
#API_FEX_FORM10 .uk-button:focus,
#API_FEX_FORM10 .uk-button:hover{ background-color:#fafafa; color:#444; outline:0; text-decoration:none; background-image:none }
#API_FEX_FORM10 .uk-button.uk-active,
#API_FEX_FORM10 .uk-button:active{ background-color:#f5f5f5; color:#444; border-color:rgba(0, 0, 0, .2); border-top-color:rgba(0, 0, 0, .3); background-image:none; box-shadow:inset 0 2px 4px rgba(0, 0, 0, .1) }
#API_FEX_FORM10 .uk-button-primary{ background-color:#009dd8; color:#fff; background-image:-webkit-linear-gradient(top, #00b4f5, #008dc5); background-image:linear-gradient(to bottom, #00b4f5, #008dc5); border-color:rgba(0, 0, 0, .2); border-bottom-color:rgba(0, 0, 0, .4); text-shadow:0 -1px 0 rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button-primary:focus,
#API_FEX_FORM10 .uk-button-primary:hover{ background-color:#00aff2; color:#fff; background-image:none }
#API_FEX_FORM10 .uk-button-primary.uk-active,
#API_FEX_FORM10 .uk-button-primary:active{ background-color:#008abf; color:#fff; background-image:none; border-color:rgba(0, 0, 0, .2); border-top-color:rgba(0, 0, 0, .4); box-shadow:inset 0 2px 4px rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button-success{ background-color:#82bb42; color:#fff; background-image:-webkit-linear-gradient(top, #9fd256, #6fac34); background-image:linear-gradient(to bottom, #9fd256, #6fac34); border-color:rgba(0, 0, 0, .2); border-bottom-color:rgba(0, 0, 0, .4); text-shadow:0 -1px 0 rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button-success:focus,
#API_FEX_FORM10 .uk-button-success:hover{ background-color:#8fce48; color:#fff; background-image:none }
#API_FEX_FORM10 .uk-button-success.uk-active,
#API_FEX_FORM10 .uk-button-success:active{ background-color:#76b430; color:#fff; background-image:none; border-color:rgba(0, 0, 0, .2); border-top-color:rgba(0, 0, 0, .4); box-shadow:inset 0 2px 4px rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button-danger{ background-color:#d32c46; color:#fff; background-image:-webkit-linear-gradient(top, #ee465a, #c11a39); background-image:linear-gradient(to bottom, #ee465a, #c11a39); border-color:rgba(0, 0, 0, .2); border-bottom-color:rgba(0, 0, 0, .4); text-shadow:0 -1px 0 rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button-danger:focus,
#API_FEX_FORM10 .uk-button-danger:hover{ background-color:#e33551; color:#fff; background-image:none }
#API_FEX_FORM10 .uk-button-danger.uk-active,
#API_FEX_FORM10 .uk-button-danger:active{ background-color:#c91c37; color:#fff; background-image:none; border-color:rgba(0, 0, 0, .2); border-top-color:rgba(0, 0, 0, .4); box-shadow:inset 0 2px 4px rgba(0, 0, 0, .2) }
#API_FEX_FORM10 .uk-button:disabled{ background-color:#fafafa; color:#999; border-color:rgba(0, 0, 0, .2); background-image:none; box-shadow:none; text-shadow:0 1px 0 #fff }
#API_FEX_FORM10 .uk-button-mini{ min-height:20px; padding:0 6px; line-height:18px; font-size:11px }
#API_FEX_FORM10 .uk-button-small{ min-height:25px; padding:0 10px; line-height:23px; font-size:12px }
#API_FEX_FORM10 .uk-button-large{ min-height:40px; padding:0 15px; line-height:38px; font-size:16px; border-radius:5px }
/* CUSTOM CSS */
#API_FEX_FORM10 *:before,
#API_FEX_FORM10 *:after{ -moz-box-sizing:border-box; box-sizing:border-box; }
#API_FEX_FORM10 select option[value=""]{ color:#a9a9a9; }
#API_FEX_FORM10 .api-label{display:block;padding-right:15px}
#API_FEX_FORM10 .api-asterisk{ color:#f51f29; font-size:16px; font-weight:700; margin-left:3px }
#API_FEX_FORM10 .api-antibot{ border:0 none !important; font-size:0 !important; height:0 !important; line-height:0 !important; padding:0 !important; position:absolute !important; right:0 !important; top:0 !important; width:0 !important }
/* .api-field-success */
#API_FEX_FORM10 .api-field-error{ display:none; margin:0; background:none; color:#fff; font-size:12px; background:#ee4055; padding:1px 6px; }
#API_FEX_FORM10 .api-field-warning{ display:none; margin:0; background:none; color:#2d7091; font-size:12px; background:#ebf7fd; padding:1px 6px; }
#API_FEX_FORM10 .api-field-success{ }
/* .api-success-message */
#API_FEX_FORM10 .api-success-message{ background:#fcfcfb; padding:15px; margin:10px 0; color:#000; text-align:center; }
#API_FEX_FORM10 .api-success-message .api-title{ font-size:30px; font-weight:400; }
#API_FEX_FORM10 .api-success-message .api-text{ font-size:16px; margin:20px auto auto; }
#API_FEX_FORM10 .api-icon-load{ background:url("/bitrix/templates/.default/components/api/feedbackex/callForm/tmp/../images/load.gif") no-repeat 50% 50%; display:none; width:20px; height:20px; vertical-align:middle; margin-top:-3px; }
#API_FEX_FORM10 button:disabled .api-icon-load{ display:inline-block }
/* .api-h1 */
#API_FEX_FORM10 .api-h1,
#API_FEX_FORM10 .api-h2,
#API_FEX_FORM10 .api-h3,
#API_FEX_FORM10 .api-h4{ color:#2a2a2a; text-transform:uppercase; margin:0 0 30px 0; padding:0; position:relative; line-height:1; }
#API_FEX_FORM10 .api-h1{ font-size:56px; }
#API_FEX_FORM10 .api-h2{ font-size:46px; }
#API_FEX_FORM10 .api-h3{ font-size:36px; }
#API_FEX_FORM10 .api-h4{ font-size:26px; }
/* .api-rules-error */
#API_FEX_FORM10 .api-rules-label{font-size: 12px;cursor: pointer;padding-left: 20px;display: block;font-weight: normal;}
#API_FEX_FORM10 .api-rules .api-field{position: absolute;left: 0;top: 3px;margin: 0;padding: 0;}
#API_FEX_FORM10 .api-rules-error{margin: 15px 0;color: #ff0f00;font-size: 12px;font-weight: bold;display: none;padding-left: 20px;}
/* automatically generated from result_modifier.php */
#API_FEX_FORM10 .uk-form-label{text-align:left}
@media (min-width:960px){
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-label{width:150px}
	#API_FEX_FORM10 .uk-form-horizontal .uk-form-controls{margin-left:150px}
}

/* End */


/* Start:/local/templates/kixx_mobile/styles.css?16716814204046*/
body {margin: 0;padding: 71px 0 59px 0;font-family: 'Roboto Condensed', sans-serif;font-size: 16px;color: #4e5253;}
/*kaijean*/
div.spec-table table td:not(:first-child)
{
	background: #ccc;
    text-align: center;
}
div.spec-table table th:not(:first-child)
{
	background:#ccc;
}
div.spec-table table th
{
	padding: 5px 10px;
    font-size: 17px;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
div.spec-table table
{
	width: 100%;
    border-spacing: 10px 0;
    color: #000;
}
div.spec-table table td
{
	border-bottom: 1px solid #000;
    padding: 5px 10px;
}
div.spec-table table tr.row-highlighted td
{
	background: #e8d7ab !important;
}
p.orange
{
	color:rgb(230, 126, 34);
}
.sandwich-btn
{
	width:50px;
	display: none;
	float: right;
	margin-top:25px;
	margin-right: 25px;
	cursor: pointer;
}
.sandwich-btn-line
{
	width:50px;
	height: 6px;
	position: absolute;
	background: black;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	transition: .5s;
}
.sandwich-btn-line:before,
.sandwich-btn-line:after
{
	content: '';
	position: absolute;
	width: 100%;
	height:6px;
	background: black;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	transition: .5s
}
.sandwich-btn-line:before
{
	top: -14px;
}
.sandwich-btn-line:after
{
	top: 14px;
}
.sandwich-btn.active .sandwich-btn-line
{
	background: rgba(0,0,0,0);
	box-shadow: 0 2px 5px rgba(0,0,0,0);
}
.sandwich-btn.active .sandwich-btn-line:before
{
	top:0;
	transform: rotate(45deg);
}
.sandwich-btn.active .sandwich-btn-line:after
{
	top:0;
	transform: rotate(135deg);
}
.fix_menu
{
	z-index:1000;
}
@media (max-width: 767px)
{
	#partners,#zamena
	{
		width:100%;
		overflow: hidden;
		font-size: 12px;
		white-space:normal;
		table-layout: fixed;
	}
	.about-list
	{
		margin:0;
	}
	.news-detail iframe
	{
		width:auto;
	}
	footer
	{
		position: inherit;	
	}
	body
	{
		padding:0;
	}
	.pages .box .news-detail img,.pages .box img
	{
		height:auto;
	}
	.pages .row
	{
		margin-right: 0;
		margin-left: 0;
	}
	.row_select, .product_rows, ul.depth_section,#logo, .news-item, .f_contact, .sld_box ul, .sld_ul li, .newCategoryOuter ul li,.h_nav ul li,.sidebar_product,.content_product,.text_content img,.pages .box .news-detail img,.about-item,.pages .box .news-detail img,.pages .box img
	{
		width:100%;
	}
	ul.depth_section li
	{
		display: inline-block;
		width:auto;
	}
	.news-list
	{
		margin:0;
	}
	.section-item
	{
		width:auto;
	}
	.fix_menu
	{
		display: none;
	}
	#logo
	{
		height: 100%;
		float:left;
		margin-left:15px;
	}
	.logo_box img
	{
		height:100%;
		width:auto;
	}
	.logo_box
	{
		height:60px;
		width:65%;
	}
	.logo_box:after
	{
		width:50px;
		right:-15px;
	}
	.f_logo
	{
		margin-right: 0;
	}
	.pages .box .f_logo img
	{
		width:auto;
	}
	.f_logo, .f_button
	{
		float:none;
		text-align: center;
		margin-bottom:10px;
	}
	.f_logo a
	{
		display: inherit;
	}
	.f_contact_box
	{
		float:none;
	}
	.f_contact
	{
		margin-left:0;
		display: inline-block;
		text-align: center;
	}
	.sld_ul li
	{
		display: inline-block;
	}
	.sld_image
	{
		display: none;
	}
	.newCategoryOuter ul
	{
		display: block;
	}
	.newCategoryOuter ul li
	{
		display: inline-block;
	}
	.newCategoryOuter ul li ul,.newCategoryOuter ul li:focus ul,.newCategoryOuter ul li:active ul,.newCategoryOuter ul li:hover ul
	{
		display: none;
	}
	.sandwich-btn
	{
		display: block;
	}
	.h_nav ul
	{
		height:auto;
		text-align:center;
	}
	header, .header.box.clear
	{
		/*overflow: hidden;*/
		height: 60px;
	}
	.h_nav
	{
		background: #ffffff;
		overflow: hidden;
		/*height:0;*/
		/*max-height:0px;*/
		transform: scaleY(0);
		transform-origin:top;
		-webkit-transition: transform 0.5s ease-out;
	    -moz-transition: transform 0.5s ease-out;
	    transition: transform 0.5s ease-out;
	}
	.h_nav.slide
	{
	    overflow: auto;
	    height:auto;
		transform: scaleY(1);
	}
	.h_nav ul li
	{
		margin-left:0;
	}
	.h_nav ul li a:before
	{
		display:none;
	}
}
@media (max-width: 370px)
{
	.logo_box img
	{
		height:auto;
		width:100%;
	}
	.logo_box
	{
		height:60px;
		width:65%;
	}
}
/* End */
/* /bitrix/templates/kixx/css/style.css?169025311117189 */
/* /bitrix/templates/kixx/css/owl.carousel.css?16366051114744 */
/* /bitrix/templates/kixx/css/animate.css?163660511157095 */
/* /bitrix/templates/kixx/css/jquery.fancybox.min.css?163660511114065 */
/* /local/templates/kixx_mobile/components/bitrix/menu/my_tree/style.css?16366051121355 */
/* /bitrix/templates/.default/components/api/feedbackex/callForm/tmp/form10-gradient.css?176642846713457 */
/* /local/templates/kixx_mobile/styles.css?16716814204046 */