body {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    background-color:#555;
    opacity:0.98;
}

main {
    background:white;
    padding-bottom: 2em;
}


div {overflow:hidden;}

div.menu{
    width:100%;
}

div.menu, nav.menu {
    overflow:visible;
    background:transparent;
    display: flex;
    flex-flow:row nowrap;
    width: 100%;
}

body,div,pre,p,ol,ul,li,h1,h2,h3,h4,h5,h6,form,textarea,iframe,table,tr,td,a{
    background-repeat: no-repeat;
}

h1,h2,h3,h4,h5,
table, div {
    max-width:100%;
}

div,p,ul,ol,li,form,table,tr,td,th,a{
    font-style:     inherit;
    font-family:    inherit;
    font-size:      inherit;
}

h1 {
    margin: 1.1em auto .7em auto;
    font: 400 1.7em 'Roboto condensed',tahoma,arial;
    color:  #333;
    text-align: center;
    max-width: 95%;
}

h2,h3,h4,h5 {font:400 1em arial,helvetica,tahoma; margin:0.35em auto 0.25em auto; max-width:95%}
h2,h3 {color: #080}
h2 {font-size: 1.15em; margin:1.0em auto 0.3em auto; text-decoration:underline}
h3 {font-size: 1.15em; margin:1.0em auto 0.3em auto}
h4 {color: dodgerblue; font:normal 1.05em roboto,arial;}
ul {margin:0.5em 0 0 0}
li {list-style:inside}
ol li{list-style:decimal outside none;line-height:1.35em}
iframe {max-width: 99%;}
input {margin:0 0.35em; vertical-align:middle}

a {cursor:pointer; text-decoration:underline}


select {
    font-size: 0.95em;
    line-height: 1.9em;
}

select option {padding-top:0.2em;}

.center{
	text-align: center;
	overflow:   hidden;
	background-color:#fff;
}

.content {
    width:100%;
    max-width:  900px;
    margin: 0 auto;
    /*overflow:   hidden; padding:0 0 0 0;*/
    overflow: visible;
	text-align: left;
	font: 400 17px roboto, helvetica, arial, tahoma;
	color:#444;
	line-height:1.23em;
}

.content p, .content ul{
    padding-left:5px;
}

.shadow  {
    box-shadow: 0 2px 3px 1px #ddd;
}

/****************************************    content-top      */
.content-top {
    clear: both;
    padding: 15px 15px 0;
    background: #f0f3fc;
    border-bottom: solid 1px #e7e7e7;
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
}

.content-top  a{
    display:        block;
    text-decoration: none;
    text-align:     left;
    text-shadow:    0 0 1px #e0e0e0;
    color:          #335;
    margin:         0 0 7px 0;
}

.content-top .logo{
    width:          300px;
    font-size:      11px;
    padding:        40px 0 0 2px;
    background: url('/wp-content/uploads/2024/11/logotip-1140x146-1.png') no-repeat 0 0;
    background-size: 260px auto;
    flex-grow: 3;
}

.content-top .news {}

.content-top .news a{
    float:right;
    max-width:    470px;
    min-height:   55px;
    padding-left: 70px;
    line-height:  1.25em;
    background:   url('/wp-content/uploads/2024/11/news-60px.png') no-repeat 0 -5px;
}

/****************************************      broadway      */

.broadway {
    font: normal 1em roboto,tahoma,arial;
    padding: .35em 2px;
    color: #444;
}

.broadway a {
	margin: 0 0.35em;
    color:inherit;
}

/***************** foooter *********************/
#foooter {
    display: grid;
    grid-template-columns: 24em repeat(auto-fit, minmax(24em, 1fr));
    background:transparent;
    font-size:11px;
    box-shadow: 0 3px 4px #444 inset;
    padding-top:2em;
}

#foooter dl {
    text-align: left;
    margin:0;
    padding:0 1em 0 2em;
}


#foooter .first,
#foooter .last {padding-left:5em}
#foooter .first dt {border-bottom:none; padding-bottom:0}
#foooter .first a {border-bottom:none; display:inline; padding:0}
#foooter .first dd a::after {content:""}
#foooter .social .fa {font-size:22px; margin:10px 10px 0 0}

#foooter dt {
	font-size:      1.15em;
	font-weight:	400;
	padding: 1em 0.3em 5px 0;
    border-bottom:solid 1px #bbb;
}

#foooter dd {
    margin:0 0 0 .5em;
    line-height:1.5;
}

#foooter, #footer div, #foooter a {color:#eee;}

#foooter a {
	text-decoration: none;
    display:block;
    white-space:nowrap;
}
#foooter dd a {
    padding:.3em .1em .3em 0;
    border-bottom:solid 1px #bbb;
}

#foooter a:hover {
	background:#aaa;
    color:#fff;
    text-decoration:none;
}

#foooter dt a:hover, #foooter .first a:hover {
    background:none;
    text-shadow: 1px 1px 1em #fff;
}

#foooter dd a::after {
    content:"⟩";
    float:right;
    margin-left:.5em
}

#foooter .last {min-width:15em}
#foooter .last dt {
    border-bottom:none;
    padding-bottom:0;
    white-space: nowrap;
}
#foooter .last a {display:inline}

#foooter img.sertificates:hover { background:#fff;}
#foooter img.sertificates {
    margin:.5em .5em 0 0;
    background:#bbb;
    padding:3px;
    height:60px;
    float:right;
}

.copyright {
    font:normal 10px arial,tahoma;
    margin:.5em auto 1em;
    text-align:center;
    background:transparent;
}

.copyright, .copyright a {color:#eee;}

.copyright a img {opacity:0}

/**************** dotted lists ****************/

.dotted dl {
    background:url('/wp-content/uploads/2024/11/point-7x3-1.gif') repeat-x 1px 90%;
    margin:0.15em 5px;
    box-sizing: border-box;
	font-size:.8em;
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
}

.dotted dl > * {
    font-size:inherit;
    background: #fff;
    white-space:nowrap;
}
/****************************************      misc     */

.button {
	border:         solid 1px #ccc;
	border-radius:  0.25em;
	background:     linear-gradient(0deg, #ddd,#f3f3f0);
	color:      #555;
	font:       400 1em roboto,arial;
	z-index:    99999; /* окно должно быть наиболее большем слое */
	padding:    0.1em 0.7em 0.3em 0.6em;
	text-decoration:    none;
}

.button:hover {
    border-color:#777;
}

.big {
    color: #08c;
    font:normal 15px roboto,arial
}

.pshadow { /* photo shadow */
    -webkit-box-shadow: 0px 10px 15px #aaa; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 1px 3px 7px #aaa; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

/* телефон справа сверху */
h1.menu_2 {
    margin:0;
    position:absolute;
    right:0;
    background:white;
    padding: 1em 1.4em 0 0.2em;
    text-align:right;
    font:400 0.9em 'Roboto condensed',arial;
    line-height:1.4em;
    white-space:pre-line;
    opacity:0.8;
}

h1.menu_2 span{
    font:normal 1.7em roboto,arial;
}

h1.menu_2 a{
    text-decoration:none;
    color:#333;
}

/*  grayscale - fullcolor transition  */
img.grayscale {
	opacity:0.7;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

a.scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1040;
    font-size: 44px;
    opacity: 0.5;
    display: none;
    text-decoration: none;
}

/*******************************/
 nav.menu > a.bars { display:none; }

@media screen and (max-width:900px) {
    .sf-menu a, nav.menu > a { font-size:18px}

    #foooter,
    .sf-menu,
    .lego .float-right,
    .content-top .news {
        display:none;
    }
    nav.menu > a.bars {
        display:block;
    }
}

@media screen and (orientation:portrait) /* and (max-width:700px)*/ {

}