/* Привет UTF-8 :) */

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700|Russo+One|Yanone+Kaffeesatz:400,500,700&display=swap&subset=cyrillic');



@font-face{font-family:'PFDcondpro';src:url(/css/fonts/pfdintextcondpro-regular.woff) format("woff");font-style:normal;font-weight:400}	
@font-face{font-family:'PFDcondpro';src:url(/css/fonts/pfdintextcondpro-medium.woff) format("woff");font-style:normal;font-weight:500}	
@font-face{font-family:'PFDcondpro';src:url(/css/fonts/pfdintextcondpro-bold.woff) format("woff");font-style:normal;font-weight:700}	
@font-face{font-family:'PFDcondpro';src:url(/css/fonts/pfdintextcondpro-italic.woff) format("woff");font-style:italic;font-weight:400}


.mega-menu table{
}

.mega-menu table td .wrap>a{
	font-family: 'PFDcondpro', sans-serif;
	font-size:18px; 

	font-weight:500;	
	
}

.mega-menu table td .wrap{
	position:relative;
}

.menu_down_strio.hide{
	display:none;
}
.menu_down_strio{
	position:absolute;
	width:300px;
	list-style-type:none;
	margin:0;
	padding:0;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	padding:10px 0;
}

.menu_down_strio > li{
    display: table;
    width: 100%;
    height: 40px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.menu_down_strio > li::before{
	content:'';
	display:none;
}

.menu_down_strio > li > a{
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #333333;
    vertical-align: middle;
    padding: 5px 30px 5px 20px;
	font-size:14px;
    text-decoration: none;
	white-space:initial;
	transition: none;
}
.menu_down_strio > li > a.hasSubMenu{
	text-transform:uppercase;
}
.menu_down_strio > li > a.hasSubMenu::after {
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    width: 0px;
    height: 0px;
    margin-top: -4px;
    text-indent: -9999px;
    content: "";
    pointer-events: none;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgb(221, 221, 221);
    border-image: initial;
}
.menu_down_strio a:hover{
	background:#ff0000;
	color:#ffffff;
}

.console_out{
	position:absolute;
	left:-600px;
	top:0;
	width:500px;
	height:500px;
	border:1px solid red;
	background:#000;
	color:#fff;
	font-size:12px;
	text-align:left;
}


.slideMenu-wrapper{
	position:absolute;
	top:calc(100% - 2px);
	
/*	font-family: 'Yanone Kaffeesatz', sans-serif;*/
/*	font-size:18px; */

/*	font-family: 'Oswald', sans-serif; */
/*	font-size:15px; */

/*	font-family: 'Russo One', sans-serif;*/
/*	font-size:15px; */

	font-family: 'PFDcondpro', sans-serif;
	font-size:15px; 

	font-weight:500;
}


#catalog_menu_strio_fixed .slideMenu-wrapper{
	left:-50px;
}

.mega-menu .slideMenu-container{
	border:2px solid #dd4747;
	
}

.slideMenu-container td{
	/*background:#fbfbfb;*/
	background:#fff;
	color:#333;
	vertical-align:top;
	
	
}
.slideMenu-container td.slideMenu_level_2, .slideMenu-container td.slideMenu_level_3{
	border-left:1px solid #dd4747;
}

.slideMenu-container td>ul{
	list-style-type:none;
	margin:0;
	padding:10px 0;	
	width:320px;
	/*font-size:18px;	*/
	
	opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}	
.slideMenu-container td.opa>ul{
	opacity:0;
}
#catalog_menu_strio_fixed .slideMenu-container td>ul{
	list-style-type:none;
	margin:0;
	padding:10px 0;	
	width:320px;
	font-size:12px;	
}	

.slideMenu-container td li{
    display: table;
    width: 100%;
    /*height: calc(2.2em + 11px);*/
	height:42px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
#catalog_menu_strio_fixed .slideMenu-container td li{
    display: table;
    width: 100%;
    height: calc(2.2em + 5px);
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.slideMenu-container td li::before{
	content:'';
	display:none;
}
.slideMenu-container td li > a{
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #333333;
    vertical-align: middle;
    padding: 5px 30px 5px 20px;
	line-height:1.1em;
    text-decoration: none;
	white-space:initial;
	transition: none;
	font-weight:500;
	font-size:16px;	
	/*border-top:1px solid #eee;*/
}
#catalog_menu_strio_fixed .slideMenu-container td li > a{
    padding: 2px 30px 2px 20px;	
}
.slideMenu-container td li:first-child > a {
	border:none;
}
.slideMenu-container td.slideMenu_level_3 li:last-child > a {
	/*border-bottom:1px solid #eee;*/
}
.slideMenu-container td li > a.hasSubMenu{
	text-transform:uppercase;
	font-weight:normal;
	font-size:15px;	
}
.slideMenu-container td li > a.hasSubMenu:after {
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    width: 0px;
    height: 0px;
    margin-top: -4px;
    text-indent: -9999px;
    content: "";
    pointer-events: none;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgb(221, 221, 221);
    border-image: initial;
}
.slideMenu-container td a:hover{
/*	
	background:#dd4747 !important;
	color:#fff !important;
*/
}

.slideMenu-container td.slideMenu_level_3  a:hover{
/*	background:#fff !important;
	color:#dd4747 !important;
	*/
	background:#dd4747 !important;
	color:#fff !important;
	
}

.slideMenu-container td a.fix{
	background:#eee !important;
	/*color:#666 !important;*/
	color:#dd4747;
}
.slideMenu-container td a.latch{
	background:#dd4747 !important;
	color:#fff !important;
}
.overflow_bg_strio{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/*background-color:rgba(255,255,255, 0.85);*/
	pointer-events: none;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:4;
	display:block;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}


/* Доработки стилей аспро */

.fill_bg_n .menu-row.middle-block.bglight, .fill_bg_y .menu-row.middle-block.bglight .mega-menu {
    border-bottom: none; 
}

.menu-row.middle-block.bglight .mega-menu{
	border-top: none;
}


@media only screen and (min-width:1200px){
	body.main_page_site .right_block.wide_, body.main_page_site .right_block.wide_N{
		width: 100% !important;
	}
}
@media only screen and (min-width:992px){
	body.main_page_site .right_block.wide_, body.main_page_site .right_block.wide_N{
		width: 100%;
	}
}