* {
margin:0;
padding:0;
}

aside, footer, address, section, nav, header {
display:block;
}

img, iframe, video, embed {
max-width:100%!important;
}

/* Tipografika */

/* Layout */

#page {
width:100%;
font:100%; 'PT Sans Narrow', sans-serif;
}

header {
width:100%;
padding-top:1em;
}

.layout {
width:1170px;
margin:0 auto;
overflow:hidden;
}
    
#logo {
width:45%;
float:left;
}
  
#geo {
width:75%;
float:centr;
text-align:centr
}

#geo img {
position:relative;
left:-10px;
top:10px;
float:left
}

#geo span {
display:;
font-size:1.5em;
font-weight:bold;
color:#222;
margin:0 auto
width:10%
}

#geo span a {
font-size:0.7em;
font-weight:normal;
text-decoration:;
padding:0.5em 50px;
color:#444
background: linear-gradient (to top,#fca407,#fcca2f);
display:inline-block;
border-radius:5px;
}
        
#geo span a:hover {
background:linear-gradient (to top,#fcca2f,#fca407);
}

#phone {
width:20%;
float:right;
}

#phone a {
font-size:1.5em;
color:#2a2929;
text-decoration:none;
display:block;
font-weight:bold;
}

#phone a.tel span {
font-size:1.5em;
color:#190707;
 }

#phone span {
font-size:1em;
font-weight:bold;
}

#menu {
background:#383636;
width:100%;
margin: 1.3em 0;
}

#menu ul li {
float:left;
list-style:none;
}

#menu ul li a {
display:block;
font-size:1.5em;
color:#fff;
padding:0.5em 43px;
text-decoration:none;
}

#menu ul li a:hover, #menu ul li.current a {
background:#fcc328;
}

#content {
width:100%;
}

#text {
width:100%;
float:left;
}

#breadcrumbs {
width:96%;
background:#eee;
padding:0.5em 0;
overflow:hidden;
}

#sidebar {
width:31.3%;
float:right;
}

footer {
width:100%;
background: #383636;
padding:0.5em 0;
font-size:1.25em;
}

#box1 {
width:35%;
float:left;
text-align:center
}

#box2 {
width:35%;
float:left;
}

footer p {
color:#eee;
}

footer a {
color:#fcc328;
text-decoration: none;
font-size:1em;
}

footer t {
color:#fcc328;
text-decoration: none;
font-size:1em;
}

footer.moduletable ul li {
list-style: none;
padding:0 0 0.02em 0;
}

.socbutt a {
float:right;
position:relative;
right:45px;
 }

.debug {
background: #383636;
color:#eee;
text-align:center;
font-size:1em;
}

#toTop {
width:100px;
border:1px solid #ccc;
background:rgba (0,0,0,0.5);
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#eee;
font-family:verdana;
font-size:11px;
}

.Window {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}

.Window:target {
 display: block;
 pointer-events: auto;
}

.Window > div {
 width: 400px;
 position: relative;
 margin: 10% auto;
 padding: 30px 10px 10px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 0px 20px 2px;
}

.close {
 background: #cc3300;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #990000; }

/* Responsive */
@media screen and (max-width:1024px),only screen and (max-device-width:1024px) {
.layout {
width:960px;
}
}

@media screen and (max-width:854px),only screen and (max-device-width:854px) {
.layout {
width:810px;
}
}