.Page>.HeaderPlaceholder-Section { display: none; height: 202px }
.Page>.Header-Section { position: relative; z-index: 20 }
.Page>.Header-Section>.Inner { position: relative }
.Page>.Header-Section>.Inner:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; background-color: #ffe400 }
.Page>.Header-Section>.Inner>.Top { position: relative; height: 131px; border-bottom: 1px solid #2d2e30 }
.Page>.Header-Section>.Inner>.Bottom { position: relative; height: 71px }
.Page>.Header-Section .Baner-Section { position: absolute; top: 35%; left: 44.84848%; width: 55.15152%; margin-top: -3% }
.Page>.Header-Section .Baner-Section a { display: block; font-size: 1px; line-height: 1.0 }
.Page>.Header-Section .Baner-Section a img { width: 100%; height: auto }
.Page>.Header-Section .Logo-Section { position: absolute; top: 3px; left: 0px; height: 100%; width: 20.90909%; text-align: center }
.Page>.Header-Section .Logo-Section>a { width:205px; height: 60px;/* background: url("../img/header/logo.png") 50% 50% no-repeat*/transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); background:none }
/*.Page>.Header-Section .Logo-Section>a { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }*/
.Page>.Header-Section .Logo-Section>a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }
.Page>.Header-Section .Magazine-Section { position: absolute; top: 0px; right: 32.34848%; width: 13.93939%; height: 100% }
.Page>.Header-Section .Magazine-Section>.Anchor { display: block; height: 100%; background-color: transparent; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Magazine-Section>.Anchor>span.Text { padding: 0px 8px 0px 0px }
.Page>.Header-Section .Magazine-Section>.Anchor>span.Text .Line1 { display: block; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Magazine-Section>.Anchor>span.Text .Line2 { display: block; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Magazine-Section>.Anchor>span.Text .Line3 { display: block; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Magazine-Section>.Anchor>.Cover { display: inline-block }
.Page>.Header-Section .Magazine-Section>.Anchor:hover { background-color: #f7f7f7 }
.Page>.Header-Section .Magazine-Section>.Anchor:hover>span.Text .Line1,
.Page>.Header-Section .Magazine-Section>.Anchor:hover>span.Text .Line2,
.Page>.Header-Section .Magazine-Section>.Anchor:hover>span.Text .Line3 { color: #181a1b }
.Page>.Header-Section .Menu-Section { width: 50.68182%; border-right: 1px solid #2d2e30 }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li>a { display: block; height: 71px; text-align: center }
.Page>.Header-Section .Menu-Section .MainMenu-Section ._WithBorder-Top { border-top-width: 1px; border-top-style: solid }
.Page>.Header-Section .Menu-Section .MainMenu-Section ._WithBorder-Left { border-left-width: 1px; border-left-style: solid }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section { display: none; background-color: #f7f7f7; position: absolute; top: 100%; left: 0px; right: 0px; -webkit-box-shadow: rgba(0,0,0,0.4) 0px 3px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0px 3px 3px; box-shadow: rgba(0,0,0,0.4) 0px 3px 3px }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li._Pos-1 { height: 250px }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection { height: 100% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li { height: 100% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li:after { content: ''; display: block; clear: both }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li._Pos-1 { width: 14% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li._Pos-2 { width: 44% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li._Pos-3 { width: 42% }
/*.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li._Pos-3 { width: 25% }*/
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li._Pos-4 { width: 17% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li .Topics-List>li._Pos-1 { width: 28.7234% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li .Topics-List>li._Pos-2 { width: 28.7234% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .SubMenu-TopListSection>li .Topics-List>li._Pos-3 { width: 42.55319% }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .Topics-List ul.List>li a { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .Topics-List ul.List>li a span { position: relative }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .Topics-List ul.List>li a span:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0px; width: 0%; height: 1px; background-color: #1b75bc; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .Topics-List ul.List>li a:hover { color: #181a1b }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li .SubMenu-Section>li .Topics-List ul.List>li a:hover span:after { width: 100%; height: 1px }
.Page>.Header-Section .Menu-Section .MainMenu-Section li:hover .SubMenu-Section,
.Page>.Header-Section .Menu-Section .MainMenu-Section li._IsOpen .SubMenu-Section { display: block }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li>a { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Menu-Section .MainMenu-Section>li:hover>a { background-color: #f7f7f7; color: #181a1b }
.Page>.Header-Section .Search-Section { position: absolute; top: 50%; left: 20.90909%; height: 100%; margin-top: -9px; width: 23.93939%; text-align: center }
.Page>.Header-Section .Search-Section form { width: 100% }
.Page>.Header-Section .Search-Section fieldset { height: 36px }
.Page>.Header-Section .Search-Section fieldset:after { content: ''; display: block; clear: both }
.Page>.Header-Section .Search-Section fieldset .InputText { float: left; width: 60%; height: 100%; font-weight: 500 }
.Page>.Header-Section .Search-Section fieldset .InputSubmit:before { color: #4d4d4d; padding: 0px 5px 0px 0px; -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .Search-Section fieldset .InputSubmit:hover:before { color: #ffe400 }
.Page>.Header-Section .Search-Section fieldset .InputSubmit { float: left; width: 40%; height: 100%; background: none; border: none; text-align: center; color: #ffffff; font-size: 16px; padding: 0px 0px 0px 0px; text-transform: uppercase; text-align: center; font-weight: 500 }
.Page>.Header-Section .Social-Section { position: absolute; top: 0px; right: 0; width: 16.36364%; height: 100% }
.Page>.Header-Section .UserAuth-Section { position: absolute; top: 0px; right: 16.36364%; width: 16.36364%; height: 100% }
.Page>.Header-Section .UserAuth-Section>.hList { height: 100% }
.Page>.Header-Section .UserAuth-Section>.hList>li { height: 100%; text-align: center }
.Page>.Header-Section .UserAuth-Section>.hList>li>a { height: 100%; width: 100%; text-align: center; cursor: pointer }
.Page>.Header-Section .UserAuth-Section>.hList>li>a:before { display: inline-block; vertical-align: middle; color: #4d4d4d }
.Page>.Header-Section .UserAuth-Section>.hList>li>a>span { padding: 0px 0px 0px 6px }
.Page>.Header-Section .UserAuth-Section>.hList>li>a { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.Page>.Header-Section .UserAuth-Section>.hList>li>a:hover { background-color: #f7f7f7; color: #181a1b }
.MobileHeaderPlaceholder-Section { height: 41px }
.MobileHeder-Section { position: fixed; top: 0px; left: 0px; z-index: 20; width: 100%; height: 41px }
.MobileHeder-Section>.Inner { position: relative; height: 41px }
.MobileHeder-Section>.Inner .Anchor-Menu { display: block; position: absolute; top: 0px; left: 0px; height: 100%; font-size: 16px; cursor: pointer; padding: 12px 5px 0px 10px; font-weight: 800; color: #4d4d4d }
.MobileHeder-Section>.Inner .Anchor-Menu:before { padding: 0px 5px 0px 0px; color: #fff }
.MobileHeder-Section>.Inner .Logo-Section { display: block; position: absolute; top: 4px; left: 50%; margin-left:-54px;  height: 33px;/* background: url("../img/header/logo.png") 50% 50% no-repeat; cursor: pointer*/ }
.MobileHeder-Section>.Inner .Logo-Section img,.mm-menu > .mm-panel .logo img{ height:100%; width:auto; max-width:100%;}
.mm-menu > .mm-panel .logo{height:33px; float:left; width:100%;}

.MobileHeder-Section>.Inner .Anchor-User { display: block; position: absolute; top: 0px; right: 5px; height: 100%; color: #ffffff; font-size: 16px; cursor: pointer; padding: 12px 5px 0px 10px; font-weight: 800; color: #4d4d4d }
.MobileHeder-Section>.Inner .Anchor-User:before { padding: 0px 5px 0px 0px; color: #fff }
.MobileHeder-Section>.Inner .Anchor-Menu:before { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.MobileHeder-Section>.Inner .Anchor-Menu span { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.MobileHeder-Section>.Inner .Logo-Section { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.MobileHeder-Section>.Inner .Anchor-User:before { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.MobileHeder-Section>.Inner .Anchor-User span { -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) }
.MobileHeder-Section>.Inner .Anchor-Menu:hover:before { color: #ffe400 }
.MobileHeder-Section>.Inner .Anchor-Menu:hover span { color: #fff }
.MobileHeder-Section>.Inner .Logo-Section:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6 }
.MobileHeder-Section>.Inner .Anchor-User:hover:before { color: #ffe400 }
.MobileHeder-Section>.Inner .Anchor-User:hover span { color: #fff }
.IsScrolledDown .Page>.HeaderPlaceholder-Section { display: block }
.IsScrolledDown .Page>.Header-Section { position: fixed; top: 0px; left: 0px; z-index: 20; width: 100% }
.IsScrolledDown .Page>.Header-Section>.Inner:before { display: none }
.IsScrolledDown .Page>.Header-Section>.Inner>.Top { display: none }