* {
margin:0;
padding:0
}

*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display:block
}

body {
font-family:Tahoma,Arial;
font-size:15px;
color:#000;
background:#e4c487
}

div,ul,li {
vertical-align:top
}

a:link,a:visited {
font-family:Tahoma,Arial;
font-size:15px;
color:#9a031c;
text-decoration:underline
}

a:hover {
font-family:Tahoma,Arial;
font-size:15px;
color:#9a031c;
text-decoration:none
}

h1,h2,h3,h4,h5,h6 {
font-family:Tahoma,Arial;
font-weight:400;
color:#553319;
line-height:1;
margin-bottom:20px
}

h1 {
font-size:24px
}

h2,h3,h4 {
font-size:19px
}

h5,h6 {
font-size:17px;
color:#9a031c;
font-weight:700
}

.black {
color:#000
}

img {
border:0
}

input,textarea,button {
font-family:Tahoma,Arial;
font-size:15px;
color:#000;
outline:none
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
border:none;
outline:none
}

table {
border-collapse:collapse;
border-spacing:0
}

td,th {
padding:0;
vertical-align:top
}

ul {
list-style:none
}

.container {
max-width:1400px;
margin:0 auto;
min-width:1000px;
background:url(../images/bg_light.jpg) repeat;
border-left:2px solid #9d7d4a;
border-right:2px solid #9d7d4a
}

.header {
background:#bb8d62;
border-radius:0 0 10px 10px;
box-shadow:#4b4131 0 2px 10px;
height:75px;
margin:0 20px;
position:relative;
/*z-index:20000*/
}

.header-inner {
display:table;
width:100%
}

.header .col-1,.header .col-2,.header .col-3 {
display:table-cell
}

.header .col-1,.header .col-3 {
width:222px
}

.header .col-2 {
padding:0 15px
}

.header a.logo {
display:inline-block;
background:url(../images/logo.png) no-repeat;
width:223px;
height:133px;

}

.top-menu {
background:url(../images/top-menu.png) no-repeat;
background-size:100% 65px;
height:65px;
padding:18px 40px 0;
font-size:18px
}

.top-menu ul {
display:table;
width:100%
}

.top-menu ul li {
display:table-cell;
text-align:center
}

.top-menu a {
font-size:18px;
color:#c37719;
text-decoration:none
}

.top-menu a:hover {
text-decoration:underline
}

@media screen and (max-width: 1200px) {
.top-menu a {
font-size:12px
}

.top-menu ul li {
border-right:1px solid #c37719;
margin:5px
}

.top-menu {
padding:18px 10px 0
}
}

.login {
background:url(../images/login-icon.png) no-repeat;
margin:6px 0 0 10px;
padding:8px 0 0 50px
}

a.login-link {
display:block;
font-size:18px;
color:#f7e5bb;
text-decoration:none;
margin-bottom:2px
}

a.login-link:hover {
text-decoration:underline
}

.login-links,.login-links a {
font-size:11px;
color:#fefbfb
}

.main {
display:table;
width:100%
}

.main .sidebar {
display:table-cell;
width:20%;
padding-top:15px;
}

.sidebar-left {
background:url(../images/col-bot-bg.png) no-repeat right bottom;
background-size:100% auto;
padding-bottom:380px;
padding-left:20px
}

.main .sidebar-right {
padding-right:20px
}

.main .sidebar-right a {
color:#c7314d
}

.left-menu-wrap {
border-radius:10px 0 0 10px;
box-shadow:#4b4131 0 2px 10px;
margin:20px 0 10px;
padding:15px 20px
}

.left-menu-wrap ul {
position:relative;
z-index:3
}

.left-menu-wrap li {
padding:8px 0
}

.left-menu-wrap a {
font-size:16px;
color:#433225;
text-decoration:none
}

.left-menu-wrap a:hover {
text-decoration:underline
}

.line1 {
background:url(../images/line1.png) no-repeat center;
width:200px;
height:3px;
padding:10px 0;
margin-left:-20px
}

.line2 {
background:url(../images/line2.png) no-repeat center;
width:210px;
height:5px;
padding:10px 0;
margin-left:-20px
}

.side-wrap {
padding:0 15px 0 25px
}

.left-menu {
padding:10px 0
}

.left-menu li {
padding:8px 0
}

.left-menu a {
font-size:14px;
color:#433225;
text-decoration:none
}

.left-menu a:hover {
text-decoration:underline
}

a.menu-active {
text-decoration:underline;
color:#c00
}

.search-form .col-1,.search-form .col-2 {
display:table-cell
}

.search-form .text {
background:url(../images/search-bg.png) no-repeat;
background-size:100% 23px;
width:100%;
height:23px;
line-height:23px;
text-shadow:#ccc 1px 1px;
border:none;
padding:0 15px
}

.search-form .text::-webkit-input-placeholder {
color:#433225
}

.search-form .text::-moz-placeholder {
color:#433225
}

.search-form .text:-moz-placeholder {
color:#433225
}

.search-form .text:-ms-input-placeholder {
color:#433225
}

.search-form button {
background:url(../images/search-icon.png) no-repeat;
width:24px;
height:25px;
border:none;
margin-left:8px
}

.main .content {
display:table-cell;
width:60%;
background:#f7ebcb;
box-shadow:inset #4b4131 0 1px 25px;
padding:35px 50px 220px;
position:relative;
z-index:2
}

.main .content p {
display:block;
line-height:1.3;
margin-bottom:20px
}

.copy-absolute {
position:absolute;
bottom:20px;
left:0;
width:100%;
padding:0 50px
}

.copyright {
text-align:center;
font-size:14px;
color:#553319;
margin-bottom:0!important
}

.soc-icons {
text-align:center;
margin-top:50px;
margin-bottom:10px
}

.copyright a {
font-size:13px
}

.side-inner {
background:#f4e4ce;
border:1px dotted #000;
margin:5px 2px;
padding:8px
}

.side-title {
font-size:18px;
margin-bottom:20px
}

.sidebar .new-items {
margin-bottom:10px;
font-size:12px
}

.sidebar .new-items .item {
margin-bottom:20px;
overflow:hidden
}

.sidebar .new-items p {
margin-bottom:5px;
line-height:1.3
}

.sidebar .new-items .left-img {
float:left;
margin:0 12px 2px;
border-right:2px solid #bd7922;
border-bottom:2px solid #bd7922
}

a.more-link {
font-size:12px;
color:#c7314d
}

.sidebar .new-acticles {
margin-bottom:10px;
font-size:11px
}

.sidebar .new-acticles-title {
font-size:11px;
font-weight:700;
margin-bottom:20px
}

.sidebar .new-acticles .item {
margin-bottom:5px
}

.sidebar .new-acticles .item .left-col {
display:table-cell;
width:46%
}

.sidebar .new-acticles .item .left-col img {
border-right:2px solid #bd7922;
border-bottom:2px solid #bd7922
}

.sidebar .new-acticles .item .right-col {
display:table-cell;
width:54%;
vertical-align:top;
font-size:11px
}

.rmm {
display:none!important
}

#toTop {
padding:5px;
position:fixed;
right:40px;
bottom:40px;
cursor:pointer;
display:none
}

#izbr {
margin-top:-5px;
cursor:pointer
}

@media screen and (max-width: 599px) {
.container {
min-width:320px;
border:none;
background-image:none
}

.header {
height:75px;
margin:0 10px 50px
}

.top-menu {
display:none
}

.login {
display:none
}

.rmm {
display:block!important;
position:relative
}

.menu1:before {
content:'';
display:block;
position:absolute;
left:25px;
top:8px;
z-index:1000;
font-size:20px;
color:#fff;
text-shadow:1px 1px 1px #000
}

.menu2:before {
content:'Всё об исполнении желаний';
display:block;
position:absolute;
left:25px;
top:8px;
z-index:1000;
font-size:16px;
text-shadow:1px 1px 1px #fffcf2
}

.menu3:before {
content:'Моя Книга Желаний (вход)';
display:block;
position:absolute;
left:25px;
top:3px;
z-index:1000;
font-size:16px;
text-shadow:1px 1px 1px #fffcf2;
line-height:25px;
text-align:left
}

.left-menu-wrap {
border-radius:10px;
margin:15px 10px;
text-align:center
}

.left-menu {
text-align:center
}

.line1,.line2 {
margin:0 auto
}

.side-wrap {
display:none
}

.search-form-wrap {
text-align:center
}

.search-form {
display:inline-block;
margin:30px auto
}

.main {
display:block;
width:inherit
}

.main .sidebar {
display:block;
width:inherit
}

.sidebar-left {
background:none;
padding-bottom:0;
padding-left:0
}

.main .sidebar-right {
padding-right:0
}

.main .content {
padding:30px 30px 20px
}

.film {
width:95%;
height:auto
}

.block-white img {
margin:7px;
width:95%;
height:auto;
-webkit-box-shadow:1px 2px 2px 1px #9A6915;
-moz-box-shadow:1px 2px 2px 1px #9A6915;
box-shadow:1px 2px 2px 1px #9A6915
}

.small-img img {
width:auto;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
}

#icons-mb {
text-align:right;
margin-right:20px;
display:none
}

.start_mob {
display:none
}

.show_m {
display:none
}

.hide_m {
display:block
}