/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

.menu_cnt > ul {
	display: flex;
	justify-content: center;
}

ol, ul {
    list-style: none;
	padding: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
a:hover, a:active {
    outline: none;
}

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

html, body {
	width: 100%;
	height: 100%;
    background: #f7f7f7;
	overflow: hidden auto;
}

* {
	box-sizing: border-box;
}
/******************************************************************************************/

/* For modern browsers */
.clearfix:before,
.clearfix:after {
   content: "";
   display: table;
}
.clearfix:after {
   clear: both;
}

/* для IE6-7 */
.clearfix {
   zoom: 1;
}


/******************************************************************************************/

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.menu_our-projects {
		position: absolute;
		left: 0;
		right: 0;
		min-width: 1200px;
		padding: 4px 0;
		background: #454545;
		text-align: center;
	}

		.menu_our-projects .menu__item {
			display: inline-block;
		}

			.menu_our-projects .menu__item:first-child:before {
				display: none;
			}

			.menu_our-projects .menu__item:before {
				display: inline-block;
				width: 6px;
				height: 6px;
				margin: 0 15px;
				background: #fff;
				border-radius: 50%;
				vertical-align: 1px;
				content: '';
			}

		.menu_our-projects .menu__link {
			font: 12px Arial;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
		}
			.menu_our-projects .menu__link:hover {
				text-decoration: underline;
			}

    .menu_2{
      background-color: #3ba3cb;
      padding: 0px;
      text-align: center;
	  width: 50%;
      overflow: hidden;
      }

    .menu_2 a{
      font: bold 16px CenturyGothic;
      color: #fff;
	  text-decoration: none;
		line-height: 42px;
      }
    .menu_2 ul{
      display: flex;
      margin: 0px;
      padding: 12px 10px;
    }

    .menu_2 ul li{
      width: 20%;
      text-align: center;
      padding: 0px;
    }
    .menu_2 ul li:last-child{
      width: 40%;
    }
    .menu_2 .main_link{
      padding: 12px 10px;
    }

	.menu_main {
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
	}

		.menu_main .menu__item {
			position: relative;
			width: 25%;
			padding: 12px 10px;
			box-sizing: border-box;
			text-align: center;
            margin-left: 0px;
		}

			.menu_main .menu__item_color_more,
			.menu_main .menu__item_color_more .menu_main-sub {
				background: #2c9da7;
			}

			.menu_main .menu__item_color_green,
			.menu_main .menu__item_color_green .menu_main-sub {
				background: #007236;
			}

			.menu_main .menu__item_color_blue,
			.menu_main .menu__item_color_blue .menu_main-sub {
				background: #0072bc;
                /*z-index: 1000;*/
			}

			.menu_main .menu__item_color_purple,
			.menu_main .menu__item_color_purple .menu_main-sub {
				background: #662d91;
				z-index: 999;
			}

			.menu_main .menu__item_color_red,
			.menu_main .menu__item_color_red .menu_main-sub {
				background: #cf3164;
			}

			/*.menu_main .menu__item:first-child {*/
				/*border-radius: 10px 0 0 0;*/
			/*}*/

			/*.menu_main .menu__item:last-child {*/
				/*border-radius: 0 10px 0 0;*/
			/*}*/

			.menu_main .menu__item:hover .menu_main-sub {
				display: block;
			}

		.menu_main .menu__link {
			font: bold 16px CenturyGothic;
			color: #fff;
			text-decoration: none;
		}

	.menu_main-sub {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		width: 100%;
        z-index: 99999999;
	}

		.menu_main-sub .menu__item {
			width: 100%;
			padding: 4px 10px;
			text-align: left;
		}

	.menu_classes {
		text-align: center;
		font-size: 0;
	}

		.menu_classes .menu__item {
			display: inline-block;
			margin: 0 7px;
		}

		.menu_classes .menu__link {
			font: normal 14px Arial;
			color: #000;
			text-decoration: none;
		}

			.menu_classes .menu__link:hover {
				text-decoration: underline;
			}

	.menu_left {
		padding: 20px 15px;
		background: #f99524;
		border-radius: 10px;
	}

		.menu_left .menu__item {
			margin: 10px 0;
		}

		.menu_left .menu__link {
			font: normal 18px Arial;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
		}

			.menu_left .menu_level_1 {}

			.menu_left .menu_level_1 .menu__link {
				font-size: 16px;
				text-transform: none;
			}

			.menu_left .menu_level_2 {
				margin: 0 0 0 15px;
				color: #824c13;
				list-style: disc;

			}

			.menu_left .menu_level_2 .menu__link {
				font-size: 14px;
			}

/******************************************************************************************/

.l-wrapper {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
	box-sizing: border-box;
}

	.l-header {
		width: 100%;
		margin: 0;
		background: url(../images/body_bg_1.jpg), url(../images/body_bg_2.jpg);
	}

	.l-sidebar {
		float: left;
		width: 250px;
		padding: 0 0 100px;
        display: table-cell;
        vertical-align: top;
	}

	.l-content {
		/*margin: 0 0 0 300px;*/
        margin: 0;
		padding:  0 0 50px 20px;
        display: table-cell;
        width: 850px;
		float: left;
	}


.l-footer {
	min-width: 1000px;
	background: #f99524;
	clear: both;
}

/******************************************************************************************/

.header {
	position: relative;
	box-sizing: border-box;
}
.head_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px;
}

.header_search {
	padding-left: 15px;
	transform: translateY(6px);
}

.header-ex-search-wrapper {
	display: flex;
	justify-content: end;
	margin-right: 10px;
}

	.header__logo {
	}
    .header__logo img{
        max-height: 125px;
    }

		.logo {
		}

			.logo__link {
				text-decoration: none;
			}

			.logo__image {
				vertical-align: top;
			}

	.header__search {
		width: 430px;
	}

		.search-form {
		}

			.search-form__controls {
				position: relative;
				margin: 0 0 7px;
			}

					input::-ms-clear {
						display: none;
					}

				.search-form__text {
					display: block;
					height: 27px;
					padding: 0 20px 0 10px;
					background: #fff;
					border: 1px solid #ff980496;
					line-height: 25px;
				}

				.search-form__button {
					position: absolute;
					top: -2px;
					right: 0;
					display: block;
					width: 31px !important;
					height: 31px;
					padding: 0;
					border: 0;
					background: url(../images/lupa.png) no-repeat scroll 0 0;
					background-position: center center;
					border-radius: 50%;
				}

				#search_sm {
					width: 400px;
					font-size: 13px;
				}

				#search_izd {
					width: 920px;
					font-size: 17px;
				}

				.search-form-izd__button {
					position: absolute;
					top: -2px;
					left: 920px;
					display: block;
					width: 31px;
					height: 31px;
					padding: 0;
					border: 0;
					background: url(../images/lupa.png) no-repeat scroll 0 0;
					background-position: center center;
					border-radius: 50%;
				}

			.search-form__example {
				float: left;
				font: normal 11px Arial;
				color: #000;
			}

			.search-form__advanced-link {
				font: normal 13px Arial;
				color: #464646;
				text-decoration: none;
			}

				.search-form__advanced-link:hover {
					text-decoration: none;
				}

	.header__auth {

	}

		.auth {}

			.auth__image {
				float: left;
				width: 73px;
				height: 69px;
				margin: 0 0 10px;
			}

			.auth__info {
				/*margin: 0px 20px 0px 0;*/
				font-family: Arial;
				max-width: 250px;
				position: relative; /* чтобы .point позиционировалась от контейнера */
			}

			.auth__company {
				margin: 0 20px 7px 0;
				font-size: 12px;
				color: #ff9804;
				text-transform: uppercase;
				font-weight: bold;
				max-height: 32px;
				display: inline-flex;         /* компактный контейнер */
				align-items: center;
				gap: 6px;
				cursor: pointer;              /* визуально кликабельно */
				position: relative;           /* для псевдоэлемента (если надо) */
			}

				.auth__company:after{
				
				}

/*.auth__company a{*/
					/*margin-left: 10px;*/
				/*}*/

				/*.auth__company a:before{*/
					/*content: '';*/
					/*position: absolute;*/
					/*display: block;*/
					/*width: 12px;*/
					/*height: 12px;*/
					/*top: 0px;*/
					/*right: 0px;*/
					/*background: url(../images/arrow-01.png);*/
					/*background-repeat: no-repeat;*/
					/*background-position: right center;*/
				/*}*/

				.auth__persone, .auth__persone2 {
					display: inline-flex;
					align-items: center;
					gap: 8px;
					font-size: 12px;
					color: #000;
					padding-right: 0;
				}
				
				.auth__persone:after {
					position: absolute;
					content: '';
					width: 7px;
					height: 6px;
					background: url(../images/arrow-01.png) no-repeat center / contain;
					right: -6px;
					margin-top: 2px;
				}
				.auth__persone2:after {
					position: absolute;
					content: '';
					width: 7px;
					height: 6px;
					background: url(../images/arrow-01.png) no-repeat center / contain;
					right: 4px;
					top: 30px;
				}
				
				.auth__persone a{
					font-size: 13px;
					color: #000;
					text-decoration: none;
				}

				.auth__persone a:hover{
					/*font-size: 14px;*/
					color: #ff9804;;
					text-decoration: none;
				}


			.auth__controls {
				clear: both;
			}

				.auth__control {
					display: inline-block;
					margin: 0 7px;
					padding: 3px 15px;
					font: normal 13px Arial;
					text-decoration: none;
				}

				.auth__control:first-child {
					display: inline-block;
					margin: 0;
					padding: 0;
					font: normal 13px Arial;
					text-decoration: none;
				}

                .auth__control.selected{
                  font-weight: bold;
                }
                .razdel_fnd{
                    width: 250px;
                    border: 1px Solid #ff9804;
                    height: 20px;
                    float:left;
                    background: #ff9804;
                    margin-right:10px;
                }
                .razdel_fnd a{
                    background: #ff9804;
					font: normal 13px Arial;
					color: #fff;
                    padding: 3px 5px;
                    text-transform: uppercase;
                }
                .razdel_fnd input{
                  border: none;
                  width: 195px;
                  font-size: 13px;
                }


	.header__menu {
		width: 1000px;
		/*margin: 0 auto 16px;*/
	}

/*********************************************************************************/

.page-title {
	margin: 0 0px 5px;
	font: normal 21px Arial;
	color: #f99524;
}

/*********************************************************************************/

.catalog-sections {position:relative;}

	.catalog-sections__stats {
		font: normal 12px Open Sans, sans-serif;
		/*margin: 0 7px;*/
		/*padding: 0px 15px;*/

	}

	.catalog-sections__item {
		margin: 0 0 50px;
	}

.catalog-section {}

	.catalog-section__title {
		float: left;
		font: normal 18px Arial;
		color: #414141;
	}

	.catalog-section__more {
		float: right;
		padding: 6px 15px;
		font: normal 17px Calibri;
		color: #fff;
		background: #ff972c;
		text-transform: uppercase;
		text-decoration: none;
	}

	.catalog-section__list {
		margin: 10px 0 0;
	}

.catalog-items {
	overflow: hidden;
}

	.catalog-items__item {}

.catalog-item {
	float: left;
	width: 170px;
	text-align: center;
    height: 310px;
}
.catalog-item a {
    text-decoration: none;
}

	.catalog-item__image {
		display: block;
		width: 148px;
		height: 188px;
		margin: 0 auto 0;
	}

	.catalog-item__title {
		font: normal 14px Arial;
		color: #ff972c;
		text-decoration: none;
	}

		.catalog-item__title:hover {
			text-decoration: underline;
		}

	.catalog-item__author {
		margin: 10px 0 0;
		font: normal 12px Arial;
		color: #393939;
	}

/****************************************************************************************/

.footer {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
}

	.menu_footer {
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
        text-align: center;
	}

		.menu_footer .menu__item {
			text-align: initial;
		}

		.menu_footer .menu__link {
			font: normal 16px Arial;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
		}

		.menu_footer .menu_level_1 {
			margin: 15px 0 0;
            padding-left: 2px;
		}

			.menu_footer .menu_level_1 .menu__item {
				width: 100%;
				margin: 0 0 10px;
                list-style-type: none;
                padding-left: 0px;
				text-align: initial;
			}

			.menu_footer .menu_level_1 .menu__link {
				font: normal 15px Arial;
				color: #fff;
				text-transform: none;
			}

			.menu_level_1 .dubl {
				padding-top: 20px;
			}
			.menu__item {
				padding-left: 0px!important;
			}

.footer-social {
	background: #f99524;
}

	.menu_social {
		float: right;
		padding-top: 5px;
	}

	.menu_social .menu__item {
		display: inline-block;
	}

	.menu_social .menu__link {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/social.gif);
	}

		.menu_social .menu__link_fb {background-position: 0 0}
		.menu_social .menu__link_gg {background-position: -32px 0}
		.menu_social .menu__link_tw {background-position: -64px 0}
		.menu_social .menu__link_vk {background-position: -95px 0; width: 31px}
		.menu_social .menu__link_yt {background: url(../images/youtube.png);}

.catalog-detail {
	margin-left: 0px;
	overflow: hidden;
}
.catalog-detail__author {
    color: #433a3b;
    font: 19px Arial;
    margin: 0 0 25px;
}

.catalog-detail__author a {
	color: #b75005!important;
}

.catalog-detail__column {
	position: relative;
    box-sizing: border-box;
    float: left;
    /*min-height: 320px;*/
    width: 50%;
}
.catalog-detail__column_right {
    padding: 0 0 60px;
    position: relative;
}
.catalog-detail__image {
    height: 282px;
    /*margin: 0 0 10px;*/
    width: 213px;
}
.catalog-detail__rating {
}
.catalog-detail__parms {
}
.catalog-detail__button {
    background: #f99524  none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
	font: 20px/40px sans-serif;
    height: 40px;
    text-align: center;
    text-decoration: none;
    width: 225px;
}
.catalog-detail__button_read {
    bottom: 0;
    left: 0;
    /*position: absolute;*/
}
.catalog-detail__head {
    color: #343434;
    font: 22px OpenSans;
    margin: 20px 0 10px;
}
.catalog-detail__text {
    color: #343434;
    font: 16px Calibri;
}
.rating {
    font-size: 0;
}
.rating__star {
    background: rgba(0, 0, 0, 0) url("../images/star.gif") no-repeat scroll 0 0;
    display: inline-block;
    height: 35px;
    margin: 0 0 0 5px;
    width: 36px;
}
.rating__star:first-child {
    margin-left: 0;
}
.parms {
}
.parms__item {
    margin: 0 0 3px;
}
.parms__name, .parms__value {
    color: #343434;
    font: 20px Calibri;
}
.parms__value_link {
    color: #b75005;
    text-decoration: none;
}
.parms__value_link:hover {
    text-decoration: underline;
}
.parms__separate {
    border-top: 1px dotted #000;
    margin: 15px 0;
}

.w-delim, .w-delim-
{
    padding-top: 20px;
}
.footer-contacts
{
    float: left;
    color: white;
    vertical-align: middle;
	padding-top: 20px;
}
#show_more_link_but, #more, #show_more
{
    background-color: #ff9804;
    clear: both;
    color: white;
    display: block;
    float: right;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
}
.add_organization
{
    margin-top: 30px;
}
.add_organization td
{
    font-size: 16px;
    padding: 10px;
}
.add_organization .label
{
    width: 200px;
}
.add_organization .req
{
    color: red;
}
.add_organization input[type="text"], .add_organization input[type="email"], .add_organization textarea, .add_organization select
{
    width: 500px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    box-shadow: 0 3px 5px #e7e7e7 inset;
    color: #000;
    font: 16px/19px "Exo",Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 11px 13px 12px;
}
.add_organization input[type="submit"]
{
    width: 400px;
    background-color: #ff9804;
    color: white;
    border-radius: 5px;
    font: 16px/19px "Exo",Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 11px 13px 12px;
}
.add_popup_container{
  position: relative;
  height: 64px;
  padding: 0px;
 
	z-index: 99999;
}
.add_popup_container>ul{
	-webkit-padding-start: 0px;
	position: absolute;
	top: 25px;
	right: -2px;
	background: rgba(255, 255, 255, 0.63);
	padding: 0px;
	border: 1px solid #ff8401;
	width: 130px;
}
.add_popup_container>ul li{
  padding: 0px;
  margin-bottom: 1px;
}



.collection-carusel{
  height: 330px;
}

.tree-open-close{
  background-image: url(../images/icons/knop_down.png);
	background-repeat: no-repeat;
  width:15px;
  height:15px;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 7px;
}

.tree-open-close.open {
	background-image: url(../images/icons/knop_right.png);
}

.tree-open-close:prev{
  margin-left: 20px;
}
.tree-open-close.none{
  background-image: none;
}

#cat_tree{
}

#cat_tree ul{
	margin: 0px;
	background: #f7f7f7;
	padding: 10px 0 10px 0;
	border: #e8e8e8 1px solid;
}
#cat_tree ul li{
  font-size: 15px;
  padding: 0 0 7px 20px;
  position: relative;
}
#cat_tree a{
  color: #000;
  text-decoration: none;
	padding: 5px 0px 5px 0px;
}
#cat_tree ul li ul{
  padding: 0px;
  padding-left:5px;
}
#cat_tree ul .sub {
	border: none;
}


#cat_tree ul.sub li{
	padding: 3px 0;
	font-size: 13px;
}

#cat_tree ul.sub li a:hover {
	font-weight: bold;
}

#cat_tree ul li a:hover {
	font-weight: bold;
}

@keyframes pIn			/** NEW**/
{
	0% {opacity: 1; transform:translate(0px);}
	100% {opacity: 1; transform: translate(-151px);}
}

.marquee			/** NEW**/
{
	text-align: center;
}

.marquee:hover			/** NEW**/
{
	animation: pIn 5s ease forwards;
}
.film_list{
    display: none;
}
.film{
    cursor: pointer;
	line-height: 34px;
	height: 34px;
	font-size: 18px!important;
}

.content-view-test-number-qa-this {
	text-align: center;
	font-weight: bold;
	color: #FF5722;
}
.content-view-test-number-qa-cont {
padding: 5px 0 5px 0;
margin: 20px 0 0 0;
border-top: 1px solid #a2a0a0;
border-bottom: 1px solid #a2a0a0;
overflow: hidden;
color: #252525;
}

.jq-radio {
	width: 12px;
	height: 12px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	background: #F6F6F6;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	vertical-align: middle;
	cursor: pointer;
}

.jq-radio.checked span {
	display: block;
	width: 6px;
	height: 6px;
	overflow: hidden;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #FF5722;
}

.row {
	/*width: 50%;*/
}

.alphabet {
	width: 100%;
	margin-left: 40px!important;
	margin-top: 10px!important;
}

.alphabet a {
	text-decoration: none;
	color: #000;
}

/** Новые стили**/

.point {
	position: absolute;
	z-index: 999;
	min-width: 160px;
	border: 1px solid #ff9804;
	background: rgba(255,255,255,0.97);
	text-align: left;
	padding: 6px;
	top: calc(100% - 18px);  /* сразу под .auth__company */
	right: 6px;                /* или right:0; — если хочешь выравнивание по правому краю */
	box-shadow: 0 6px 20px rgba(0,0,0,.08);
	border-radius: 6px;
}

.point ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.point li a {
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}

.point li a:hover {
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
	color: #ff9804;
}

.button_fuzer {
	height: 30px;
	width: 260px;
	text-align: center;
	background: #ff9804;
	border: 1px solid #fff;
	border-radius: 4px;
}

.button_fuzer a {
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

.catalog-sect {
	padding-top: 5px;
	margin-top: 10px;
}

.form input.text{
	height: 35px;
	width: 50%;
	padding: 0 20px 0 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #ff980496;
	line-height: 25px;
}
.form input.button{
	height: 35px;
	width: 100%;
	background: #ff8322;
	text-transform: uppercase;
	margin: 20px 0px;
}
.orange{
	color: #ff8322;
}
.form input.check{
	opacity: 0;
	position: absolute;
}
.form label.label, .form input.check{
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}
.form label.label{
	position: relative;
}
.form input.check + label.label:before{
	content: '\2714';
	background: #fff;
	border: 2px solid #ff980496;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
}
.form input.check:checked + label.label:before {
	color: #000;
	box-shadow: inset 0px 0px 0px 4px #fff;
	font-size: 25px;
	line-height: 20px;
}

/*Новые хотелки Паши*/

#cat_tree > ul > li:first-child {
	font-weight: bold;
}

#cat_tree .sub > li {
	font-weight: normal;
}

/* И снова чудо правки */
.badge {
	display:inline-block;
	font:600 10px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	text-transform:uppercase;
	padding:0 .4em;
	border-radius:8px;
	margin-left:6px;
	vertical-align:middle;
}
.badge-archive {
	color:#b42318;
	background:#fff1ef;
	border:1px solid #ffd1cc;
}
/* 👉 увеличенный вариант */
.badge-lg {
	font-size: 13px;
	padding: .15em .6em;
	border-radius: 10px;
	margin-left: .6em;
	transform: translateY(-1px); /* чуть центрируем по высоте */
}

.promo-banner {
	display: block;
	font: 600 1rem/1.6 "Segoe UI", Roboto, sans-serif;
	color: #222;
	background: linear-gradient(90deg, #fffbe6 0%, #ffefc1 100%);
	border: 2px solid #ffd24d;
	border-radius: 10px;
	padding: 1em 1.25em;
	margin: 1.5em 0;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;
}

.promo-banner::before {
	content: "🔥";
	position: absolute;
	top: .6em;
	right: .8em;
	font-size: 1.5em;
	opacity: .8;
}

.promo-banner strong {
	color: #b42318;
	font-weight: 700;
}

.promo-banner .highlight {
	color: #d35400;
	font-weight: 700;
	text-decoration: underline dotted #ff9f43;
}
