/* Start:/bitrix/templates/.default/ajax/ajax.min.css?1682503207420*/
iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/bitrix/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif);border:1px solid #808080}
/* End */


/* Start:/bitrix/templates/wacsgroup/styles.css?174905031420428*/
        /* ==================== КОНТЕНТ: левая выпадающая панель ==================== */
        #left {
            position: absolute;                    /* панель будем позиционировать                      */
            left: 0;                            /* двигаем на центр и оталкивается справа налево     */
            margin-right: 240px;                   /* отодвигаем влево за слайдер (половина его ширины) */
            overflow: hidden;                      /* выступающие части контента отсекаем               */

            background: #ddd;                      /* украшательство */
            border: #ccc 1px solid;                /* украшательство */
            border-right: none;                    /* украшательство */
            margin-top: 15px;                      /* украшательство */
            width: 25px;                           /* украшательство */
            min-height: 250px;                     /* украшательство */
            text-align: left;                      /* украшательство */
        }

            #left > div {
                display: none;                     /* контент панели изначально скрыт */

                margin-top: 25px;                  /* украшательство */
                padding: 15px;                     /* украшательство */
            }



        /* ==================== КОНТЕНТ: правая выпадающая панель ==================== */
        #right {
            position: absolute;                    /* панель будем позиционировать                       */
            right: 0;                             /* двигаем на центр и оталкивается слева направо      */
            margin-left: 240px;                    /* отодвигаем вправо за слайдер (половина его ширины) */
            overflow: hidden;                      /* выступающие части контента отсекаем                */

            background: #ddd;                      /* украшательство */
            border: #ccc 1px solid;                /* украшательство */
            border-left: none;                     /* украшательство */
            margin-top: 15px;                      /* украшательство */
            width: 25px;                           /* украшательство */
            min-height: 250px;                     /* украшательство */
            text-align: left;                      /* украшательство */
        }

            #right > div {
                display: none;                     /* контент панели изначально скрыт */

                margin-top: 25px;                  /* украшательство */
                padding: 15px;                     /* украшательство */
            }



/* ==================== КОНТЕНТ: слайдер ==================== */
#slider
{

	width: 100% auto;			/* ширина слайда + боковые отступы личных украшательств */
/*	background: #ddd;		 украшательство */
	border: #fff 10px solid;		/* украшательство */
	text-align: left;			/* украшательство */
}

/* контейнер набора слайдов */
#slider .elements
{
	/*min-height: 240px;		высота слайда (если низ не должен плавать)   */
	position: relative;		/*слайды позиционируем относительно контейнера */
	background: #fff;			/* украшательство */
	margin: -15px 0 0 0;	/* украшательство */
}

/* контейнер отдельного слайда */
#slider .element
{
	display: none;			/* слайды изначально не видны                */
	/* min-height: 240px;		слайды размером на всю клиентскую область */
	width: 100%;			/* слайды размером на всю клиентскую область */
	padding-bottom: 50px;	/* украшательство */
}


/* ==================== КОНТЕНТ: сами слайды ==================== */
#slider .SlideBox1
{
	background: #fff;			/* украшательство */
}

#slider .SlideBox2
{
	background: #fff;			/* украшательство */
}



        /* ==================== КОНТЕНТ: строка состояния слайдера ==================== */
        #slider .status {
            background: #bbb;                      /* украшательство */
            color: #444;                           /* украшательство */
            font-size: 8pt;                        /* украшательство */
            line-height: 20px;                     /* украшательство */
            margin-bottom: 15px;                   /* украшательство */
            padding: 0 10px;                       /* украшательство */
        }

            #slider .status span {
                color: #c4c;                       /* украшательство */
                padding-right: 10px;               /* украшательство */
            }



        /* ==================== КОНТЕНТ: спойлер под слайдером ==================== */



        #slider .more {
            display: none;                         /* контент спойлера изначально скрыт */
            background: #eee;                      /* украшательство */
            border: #bbb 1px solid;                /* украшательство */
            margin-top: 15px;                      /* украшательство */
            padding: 15px;                         /* украшательство */
        }



/* ==================== КОНТЕНТ: уведомления по событию ==================== */
.cases					/* изначально скрыты */
{
	display: none;
}

.cases.visible				/* такие изначально видны */
{
	display: block;
}

.cases.visible.inline			/* возможно для каких-нибудь частей текста */
{
	display: inline;
}



        /* раскрасим текст уведомлений */

        .NonSelected {
            color: #080;                           /* украшательство */
            line-height: 20px;                     /* украшательство */
        }



        /* ==================== НАВИГАТОРЫ: теневые флажки ==================== */
        input[name^="shadow-"] {
            display: none;                         /* вообще не показываем */
        }



        /* ==================== НАВИГАТОРЫ: флажок ==================== */
        .checkbox {
            cursor: pointer;                       /* украшательство */
        }



        /* ==================== ОБРАБОТКИ ОБЩИЕ: события флажка ==================== */
        /* его общие события не отслеживаем */


        /* ==================== НАВИГАТОРЫ: тумблер ==================== */



        .switch {
            position: absolute;                    /* будем позиционировать как и панель                       */
/*            right: 50%;                             двигаем на центр                                         */
            margin-right: 0px;                   /* отодвигаем влево за слайдер (половина его ширины)        */
            z-index: 1;                            /* чтобы оказался над панелью                               */
            display: block;                        /* чтобы не терялась позиция от скрытия неблочных элементов */

            cursor: pointer;                       /* украшательство */
            margin-top: 15px;                      /* украшательство */
        }

        .switch:after {
            background: #bbb;                      /* украшательство */
            display: inline-block;                 /* украшательство */
            font-size: 12pt;                       /* украшательство */
            font-weight: bold;                     /* украшательство */
            text-align: center;                    /* украшательство */
            line-height: 25px;                     /* украшательство */
            height: 25px;                          /* украшательство */
            width: 25px;                           /* украшательство */
        }

.switch:hover:after /* украшательство */
{
	background: #8ff;
}

/* корректируем для левой панели */
.switch.LeftKey1
{
	left: none;
	left: 0;
	margin-left: 0;
/*	margin-left: 240px;*/
}

.switch.LeftKey1:after
{
	content: '→';                      /* украшательство */
}

/* корректируем для правой панели */
.switch.RightKey1
{
	right: none;
	right: 0;
	margin-right: 0;
/*	margin-left: 240px;*/
}

.switch.RightKey1:after
{
	content: '←';                      /* украшательство */
}



/* ==================== ОБРАБОТКИ ОБЩИЕ: события тумблера ==================== */
/* включен (для левой панели) */
input[name^="shadow-"]:checked + .switch.LeftKey1:after
{
	content: '←';                          /* украшательство */
	margin-left: 75px;
}

/* включен (для правой панели) */
input[name^="shadow-"]:checked + .switch.RightKey1:after
{
	content: '→';                          /* украшательство */
	margin-right: 75px;
}



        /* ==================== НАВИГАТОРЫ: переключатель ==================== */
        .toggle {
            cursor: pointer;                       /* украшательство */
        }

        .toggle:after {
            content: 'развернуть спойлер';         /* украшательство */
            cursor: pointer;                       /* украшательство */
            color: #08f;                           /* украшательство */
            font-size: 8pt;                        /* украшательство */
            text-decoration: underline;            /* украшательство */
        }

        .toggle:hover:after {
            text-decoration: none;                 /* украшательство */
        }



        /* ==================== ОБРАБОТКИ ОБЩИЕ: события переключателя ==================== */
        /* включен */
        input[name^="shadow-"]:checked + .toggle:after {
            content: 'свернуть';                   /* украшательство */
        }


/* ==================== НАВИГАТОРЫ: кнопка ==================== */
.button
{
	cursor: pointer;			/* украшательство */
	display: inline-block;		/* украшательство */
	text-align: center;		/* украшательство */
	margin: 5px 5px 0 5px;	/* украшательство */
/*	line-height: 40px;		 украшательство */
	height: 30px;			/* украшательство */
	width: 30px auto;		/* украшательство */
	padding-left: 10px;		/* украшательство */
	padding-right: 10px;		/* украшательство */
	padding-top: 15px;		/* украшательство */
}


.link
{
	background:none;
	margin:0;
	padding:0;
	height: 0;
	line-height: 0 auto;
	text-align:left;
	padding: 0;
}


/* ==================== ОБРАБОТКИ ОБЩИЕ: события кнопки ==================== */

/* курсор над кнопкой */
.button:hover /* украшательство */
{
	background: none/*#8ff*/;
	text-decoration:underline;
}

.link:hover
{
	background:none;
	margin:0;
	padding:0;
	height: 0;
	line-height: 0 auto;
	text-decoration: underline;
}

.TopMenu
{
	font-weight: normal;
	text-align: center;
	/*color: White;*/
}

/* кнопка выбрана */
input[name^="shadow-"]:checked + .button /* украшательство */
{
	background: none/*#f8f*/;
	font-weight: bold;

}

        /* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события флажка 1 ==================== */
        /* флажок помечен - скрываем связанные с ним уведомления */

        input[name="function1"]:checked ~ .cases.visible.NonAutoDisplay,
        input[name="function1"]:checked ~ .cases .cases.visible.NonAutoDisplay,
        input[name="function1"]:checked ~ #slider .cases.visible.NonAutoDisplay,
        input[name="function1"]:checked ~ .cases.visible.inline.NonAutoDisplay,
        input[name="function1"]:checked ~ .cases .cases.visible.inline.NonAutoDisplay,
        input[name="function1"]:checked ~ #slider .cases.visible.inline.NonAutoDisplay {
            display: none !important;
        }

            /* и вдруг есть уведомление для противоположного состояния - надо показать */

            input[name="function1"]:checked ~ .cases.inline.NonAutoDisplay,
            input[name="function1"]:checked ~ .cases .cases.inline.NonAutoDisplay,
            input[name="function1"]:checked ~ #slider .cases.inline.NonAutoDisplay {
                display: inline !important;
            }
            input[name="function1"]:checked ~ .cases.NonAutoDisplay,
            input[name="function1"]:checked ~ .cases .cases.NonAutoDisplay,
            input[name="function1"]:checked ~ #slider .cases.NonAutoDisplay {
                display: block;
            }



        /* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события слайдера ==================== */



        /* курсор над кнопкой слайда - показываем её слайд (если флажок не включен) */

        input[name="function1"]:not(:checked) ~ .SlideKey1:hover ~ #slider .elements .SlideBox1,
        input[name="function1"]:not(:checked) ~ .SlideKey2:hover ~ #slider .elements .SlideBox2,
        input[name="function1"]:not(:checked) ~ .SlideKey3:hover ~ #slider .elements .SlideBox3,
        input[name="function1"]:not(:checked) ~ .SlideKey4:hover ~ #slider .elements .SlideBox4,
        input[name="function1"]:not(:checked) ~ .SlideKey5:hover ~ #slider .elements .SlideBox5,
        input[name="function1"]:not(:checked) ~ .SlideKey6:hover ~ #slider .elements .SlideBox6
        {
            display: block !important;                       /* гарантируем не перекрытие другим событием */
        }

            /* и скрываем возможно выбранный слайд (ведь в z-index он может оказаться выше) */

            input[name="function1"]:not(:checked) ~ .SlideKey1:hover ~ #slider .element,
            input[name="function1"]:not(:checked) ~ .SlideKey2:hover ~ #slider .element,
            input[name="function1"]:not(:checked) ~ .SlideKey3:hover ~ #slider .element,
            input[name="function1"]:not(:checked) ~ .SlideKey4:hover ~ #slider .element,
            input[name="function1"]:not(:checked) ~ .SlideKey5:hover ~ #slider .element,
            input[name="function1"]:not(:checked) ~ .SlideKey6:hover ~ #slider .element
            {
                display: none !important;                    /* гарантируем не перекрытие другим событием */
            }



        /* кнопка слайда выбрана - показываем её слайд */

        input[name^="shadow-"]:checked + .SlideKey1 ~ #slider .SlideBox1,
        input[name^="shadow-"]:checked + .SlideKey2 ~ #slider .SlideBox2,
        input[name^="shadow-"]:checked + .SlideKey3 ~ #slider .SlideBox3,
        input[name^="shadow-"]:checked + .SlideKey4 ~ #slider .SlideBox4,
        input[name^="shadow-"]:checked + .SlideKey5 ~ #slider .SlideBox5,
        input[name^="shadow-"]:checked + .SlideKey6 ~ #slider .SlideBox6
	{
            display: block;
        }

            /* и скрываем связанное с этим уведомление */

            input[name="shadow-slide"]:checked ~ .cases.visible.NonSelected,
            input[name="shadow-slide"]:checked ~ .cases .cases.visible.NonSelected,
            input[name="shadow-slide"]:checked ~ #slider .cases.visible.NonSelected,
            input[name="shadow-slide"]:checked ~ .cases.visible.inline.NonSelected,
            input[name="shadow-slide"]:checked ~ .cases .cases.visible.inline.NonSelected,
            input[name="shadow-slide"]:checked ~ #slider .cases.visible.inline.NonSelected {
                display: none !important;
            }

            /* и вдруг есть уведомление для противоположного состояния - надо показать */

            input[name="shadow-slide"]:checked ~ .cases.inline.NonSelected,
            input[name="shadow-slide"]:checked ~ .cases .cases.inline.NonSelected,
            input[name="shadow-slide"]:checked ~ #slider .cases.inline.NonSelected {
                display: inline !important;
            }
            input[name="shadow-slide"]:checked ~ .cases.NonSelected,
            input[name="shadow-slide"]:checked ~ .cases .cases.NonSelected,
            input[name="shadow-slide"]:checked ~ #slider .cases.NonSelected {
                display: block;
            }


/* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события спойлера 1 ==================== */
/* спойлер раскрыт - показываем контент спойлера */
input[name^="shadow-"]:checked + .SpoilerKey1 ~ .SpoilerBox1
{
	display: block !important;
}

/* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события спойлера 2 ==================== */
/* спойлер раскрыт - показываем контент спойлера */
input[name^="shadow-"]:checked + .SpoilerKey2 ~ .SpoilerBox2
{
	display: block !important;
}



        /* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события левой панели ==================== */
        /* панель раскрыта - выдвигаем */

        input[name^="shadow-"]:checked + .LeftKey1 ~ .LeftBox1 {
            width: 100px !important;
        }

            /* и сдвигаем левее тумблер панели */

            input[name^="shadow-"]:checked + .LeftKey1 {
                margin-right: 315px !important;
            }

            /* и показываем контент панели */

            input[name^="shadow-"]:checked + .LeftKey1 ~ .LeftBox1 > div {
                display: block !important;
            }



        /* ==================== ОБРАБОТКИ ЧАСТНЫЕ: события правой панели ==================== */
        /* панель раскрыта - выдвигаем */

        input[name^="shadow-"]:checked + .RightKey1 ~ .RightBox1 {
            width: 100px !important;
        }

            /* и сдвигаем правее тумблер панели */

            input[name^="shadow-"]:checked + .RightKey1 {
                margin-left: 315px !important;
            }

            /* и показываем контент панели */

            input[name^="shadow-"]:checked + .RightKey1 ~ .RightBox1 > div {
                display: block !important;
            }
/* End */


/* Start:/bitrix/templates/wacsgroup/template_styles.css?17490503141943*/
html, body, form, #footer {margin:0; padding:0;}
html, #page {width:100%; height:100%;}

body {min-height:100%; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff;}
@font-face {font-family:Mistral; src:url(/bitrix/templates/wacsgroup/fonts/MISTRAL.TTF);}

#page {position:absolute; z-index:1; min-height:100%;}

#top_header {position:fixed; z-index:500; width:100%; height:85px; background-color: #fff;}
#top {height:15px; z-index:501; background-color:#7d7f7d; padding:3px; font-size:75%; color:#fff; border-bottom: 1px solid #ccc;}
#top a{text-decoration:none; color:#fff;}


#header {height:50px; padding:5px; z-index:501; margin-bottom:15px; border-bottom: 1px solid #ccc; box-shadow: 0px 0px 5px #ccc; border-radius:5px;}
#title {float:left; font-size:250%; color:#7d7f7d;}
#title a {color:#7d7f7d; text-decoration:none;}
#title div {font-variant:small-caps; font-size:47.5%; color:#cccccc; margin-right:5%; top:-5%;}

#top_menu {float:left; margin-left:2.5%; font-size:85%; width:auto; padding-top:20px;}
#top_menu div {display:inline-block; white-space:nowrap; margin-left:2.5%;}
#top_menu div a {text-decoration:none; color:#000;}


#content {display:block; width:100% auto; padding:75px 25px 20px 25px; font-size:85%;}

h1 {font-size:250%; font-weight:lighter;}
h2 {margin-bottom: 5px;}
#index {position:absolute; text-decoration:none; font-size:2500%; color:#e3e8e6; text-align:center; margin:auto; width:90%; font-family:Mistral; z-index:-1;}


.hl {color: #000; text-decoration:none; cursor: text;}

#footer {position:fixed; z-index:500; bottom:0; padding:3px 0; border-top:1px solid #ccc; width:100%; font-size:70%; background:#fff;}
#footer div {padding-left:3px; width:50%;}
#footer a {text-decoration:none; color:#000;}
#footer a:hover {color:#7d7f7d;}
#footer a:hover.hl {color:#000;}

@media screen and (max-width: 780px)
{
	#index {font-size:1500%;}
}

@media screen and (max-width: 480px)
{
	#index {font-size:3000%;}
}
/* End */
/* /bitrix/templates/.default/ajax/ajax.min.css?1682503207420 */
/* /bitrix/templates/wacsgroup/styles.css?174905031420428 */
/* /bitrix/templates/wacsgroup/template_styles.css?17490503141943 */