html, body {height: 100%;}
*{margin: 0; padding: 0; box-sizing: border-box;}
body {-webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-y: scroll; background: #000000; color: #ffffff; font-size: 14px; font-family: Verdana;} 

.container {width: 980px; margin: auto;}
/* .container {border: 1px solid red;} */
header, nav, footer, aside, article {display: block; width: 100%;}

.topmenu {background: #eed9bf; height: 70px;}
.topmenu>div {text-align: left;}
.topmenu>div>a {display: inline-block; line-height: 70px; color: black; font-size: 16px; margin: 0 27px 0 0; text-decoration: none;}
.topmenu>div>a:hover {text-decoration: underline;}

.topmenu_mob {display: none;}

.contacts {display: block; float: right; line-height: 22px; height: 50px; margin-top: 13px; text-align: right;}
.contacts a {color: #000000; font-size: 16px; text-decoration: none;}

header {height: 175px;}
.def_header {height: 105px;}

.logo {height: 175px; width: 250px; float: left; padding-top: 35px;}

.right_header {height: auto; width: 720px; float: right; text-align: justify;}

.headermenu {text-align: right; width: 100%;}
.headermenu a {display: inline-block; margin: 40px 0 0 40px; color: #eed9bf; text-decoration: none; text-transform: uppercase; font-size: 20px;}
.headermenu a:hover {color: #cd000f;}

.header_block {height: 55px; width: 100%;}

.socials {width: 125px; margin: 24px 0 0 74px; float: left;}
.socials a {display: block; float: left;}
.socials a img {display: block;}
.socials_mob {display: none;}
.search_mob {display: none;}
.search {float: right; margin-top: 25px;}
.search input {height: 35px; border: 1px solid #eed9bf; width: 480px; background: #000000; color: #eed9bf; text-transform: uppercase; text-align: right; padding: 0 12px;}

aside {height: 245px; margin-bottom: -15px;}
.banner {width: 980px; height: 245px; background: url(/images/banner8_980x245.png); background-size: contain;}

.ctlg_menu {background: #eed9bf; width: 100%; height: 77px;}
.ctlg_menu .container {height: 77px; background: #eed9bf; margin-top: 70px; text-align: center;}
.ctlg_menu .container a {display: inline-block; height: 77px; width: 106px; background: url(/images/ctlg/kuh.png); margin: 0 6px; background-size: cover;}
.ctlg_menu .container a:nth-child(2) {background: url(/images/ctlg/stol.png); background-size: cover;}
.ctlg_menu .container a:nth-child(3) {background: url(/images/ctlg/stul.png); background-size: cover;}
.ctlg_menu .container a:nth-child(4) {background: url(/images/ctlg/gard.png); background-size: cover;}
.ctlg_menu .container a:nth-child(5) {background: url(/images/ctlg/shkaf.png); background-size: cover;}
.ctlg_menu .container a:nth-child(6) {background: url(/images/ctlg/divan.png); background-size: cover;}
.ctlg_menu .container a:nth-child(7) {background: url(/images/ctlg/kro.png); background-size: cover;}
.ctlg_menu .container a:nth-child(8) {background: url(/images/ctlg/matras.png); background-size: cover;}
.ctlg_menu .container a span {display: none;}

.ctlg_menu .container a:hover {background-position: -100% 0;}


article {}

.def_article {background: #FFFFFF url(/images/white_bg.jpg) repeat-y 50% 0; color: #000000; padding-bottom: 20px;}
.def_article h1 {text-align: center; text-transform: uppercase; font-size: 40px; padding: 60px; font-weight: normal;}
.def_article p {line-height: 140%; padding: 0 0 18px 0;}
.def_article img {max-width: 100%;}
.def_article ul {padding: 18px 0 18px 18px;}
.def_article ul li {line-height: 145%;}
.def_article a {color: black;}
.def_article>.container>h2 {padding: 18px 0 6px 0;}
.def_article>.container>img {width: auto;}


.salon {width: 458px; display: inline-block; margin-bottom: 35px; vertical-align: top;}
.salon:nth-child(even) {margin-left: 58px;}
.salon h2 {font-size: 24px; line-height: 40px; font-weight: normal;}
.salon h2 a {color: #000000; text-decoration: none;}
.salon h2 a:hover {color: #df000f; text-decoration: underline;}
.salon h2 span {text-transform: uppercase;}

.salon img {display: block; width: 100%; padding-bottom: 12px;}
.salon a[href^="tel"] {font-size: 34px; color: #000000; text-decoration: none; line-height: 70px;}

.salon p {padding: 10px 0; line-height: 24px;}
.salon p span {font-size: 18px;}
.salon p span a {color: #000000; text-decoration: none;}


/* .look_in {display: block; width: 138px; height: 89px; margin-top: 24px; background: url(/images/lookin_138x89.png); margin-left: 298px;}
.look_in:hover {} */

.breadcrumbs {padding-top: 28px;}
.breadcrumbs a {color: #a3a3a3; margin-right: 2px;}
.breadcrumbs span {color: #a3a3a3; text-transform: uppercase; padding: 0 2px;}

.main_page {min-height: 1070px; background:url(/images/main_bg.jpg) no-repeat 50% 0; color: #eed9bf; width: 100%; vertical-align: top;}
.main_page h1 {text-align: center; text-transform: uppercase; font-size: 40px; padding: 50px; font-weight: normal;}
.main_page p {display: block; width: 100%; margin: 0 auto 55px auto; line-height: 155%;}
.main_page p strong {display: block; padding: 0 0 0 38px; font-size: 20px; background: url(/images/romb_38x38.png) no-repeat 0 50%; margin: 0 0 38px -38px;}

.title_text {width: 50%; padding-left: 38px; float: left;}
.tips>.title_text {width: 100%; float: none;}
#tips .main_page {min-height: 900px;}
#tips .main_page p {margin-bottom: 40px; margin-left: 125px;}
#tips .main_page p a {color: #eed9bf; text-decoration: none;}
#tips .main_page p a:hover {text-decoration: underline;}

#tips .gallery a {width: 320px;}
#tips .gallery a:nth-child(3n+1) {margin-right: 0;}


footer {padding-bottom: 45px;}
footer .container {border: 1px solid #eed9bf; height: 400px; margin-top: 45px; text-align: center;}

.foot_head {width: 100%; text-align: center; margin-top: 16px;}
.foot_head a {display: inline-block; height: 65px; padding: 0 14px; text-decoration: none; color: #eed9bf; font-size: 18px;}
.foot_head a[href^="tel"] {font-size: 20px;}
.foot_head a img {height: 100%; display: inline-block; margin-bottom: -22px;}

.foot_menu {width: 150px; display: inline-block; padding: 0; vertical-align: top;}
.foot_menu a {display: block; text-decoration: none; color: #eed9bf; font-size: 18px; text-align: left; margin-bottom: 8px; line-height: 20px; padding: 3px;}
.foot_menu:nth-child(3) {width: 460px; padding-left: 190px;}
.foot_menu:nth-child(3) a {font-size: 20px; width: 140px; text-transform: uppercase; line-height: 22px; padding: 8px 0;}
.foot_menu:nth-child(4) {padding-left: 20px;}
.foot_menu a:hover {text-decoration: underline;}


.mob_menu {display: none; position: absolute; width: 45%; height: 45%; background: #eed9bf; }
.booster34 {display: none;}


.open_menu {display: none;}
.close_menu {display: none;}


.red_botts {height: 90px; width: 630px; margin: auto;}
.red_botts a {display: block; width: 170px; height: 90px; background: url(/images/red_botts_170x90/b1.png); background-size: cover; float: left;}
.red_botts a:hover {box-shadow: 0 0 7px rgba(238,217,191,0.5);}
.red_botts a:nth-child(2) {background: url(/images/red_botts_170x90/b2.png); background-size: cover; margin: 0 60px;}
.red_botts a:nth-child(3) {background: url(/images/red_botts_170x90/b3.png); background-size: cover;}

.venders {width: 100%; padding: 0; display: block; margin-top: 797px;}
.venders_mob {display: none;}

.target_page {width: 100%; padding-bottom: 35px;}
.target_page img {width: 100%;}
.target_page a[onClick*="UserdataLoad"] {display: block; background: url(/images/target_rashchet.png); background-size: cover; height: 54px; width: 315px; margin: 0;}
.target_page h1 {font-size: 36px; font-weight: normal; text-align: left; padding: 0; text-transform: none; line-height: 126px;}
.target_price {font-size: 24px; padding: 14px 28px; border: 1px solid #000000; border-radius: 15px; display: inline-block;}
.target_gallery {width: 590px; display: inline-block; margin-left: 25px;}
.target_gallery>a>img {width: 578px;}
.target_gallery>a>img:hover {box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.target_description {width: 360px; display: inline-block; vertical-align: top;}

.target_text {margin-top: 35px; padding: 10px;}


.previews {display: inline-block; width: 300px; margin: 0 30px 30px 0; text-align: center; border: 1px solid #eed9bf; background: #FFFFFF;}
.previews:nth-child(3n-1) {margin-right: 0;}
.previews a {text-decoration: none; color: #000000; padding: 0; display: block;}
.previews a:hover {background: #eed9bf;}
.previews a h2 {font-size: 18px; padding: 12px 12px; text-align: left; font-weight: normal;}
.previews a img {display: block; width: 100%;}
.previews a p {font-size: 18px; text-align: right; padding: 12px 12px;}


.catalog_items {text-align: center;}
.catalog_items h2 {display: inline-block; color: black; background: #eed9bf; padding: 5px 15px; font-size: 24px; text-transform: lowercase; font-weight: normal;}

.catalog_items a {display: block; margin-bottom: 34px; text-decoration: none;}
.catalog_items a div {width: 980px; height: 326px;}

.catalog_items a p {text-align: left; line-height: 145%; margin-top: 25px;}

.catalog_items a:hover h2 {text-decoration: underline;}

.art_num {font-size: 16px;}
.art_num span {font-weight: bold;}

#works .art_num {display: none;}
#info .art_num {display: none;}


.cat_wind {width: 24%; display: inline-block; vertical-align: top; margin-bottom: 30px;}
.cat_wind h2 {text-transform: uppercase; font-size: 22px; font-weight: normal;}
.cat_wind ul {}
.cat_wind ul li {display: block; font-size: 16px; padding: 4px 0;}
.cat_wind a {text-decoration: none; line-height: 150%;}
.cat_wind a:hover {text-decoration: underline; color: #cd000f;}


.map {padding-bottom: 20px;}


.a_button {position: fixed; display: block; z-index: 5; height: 100px; width: 100px; background: #cd000f; color: white; right: 30px; bottom: 30px; text-decoration: none; border-radius: 50px; text-align: center; padding-top: 32px;}
.a_button {background: linear-gradient(#cd000f, #cd000f);}
.flashring {animation: box_open .9s infinite ease-out backwards .7s; position: fixed; display: block; z-index: 4; height: 110px; width: 110px; background: #cc3333; right: 25px; bottom: 25px; text-decoration: none; border-radius: 55px;}

#kuhni .catalog_items a:nth-child(1) div {background: url(/images/kuh_classic.png); background-size: cover;}
#kuhni .catalog_items a:nth-child(2) div {background: url(/images/kuh_loft.png); background-size: cover;}
#kuhni .catalog_items a:nth-child(3) div {background: url(/images/kuh_neo.png); background-size: cover;}
#kuhni .catalog_items a:nth-child(4) div {background: url(/images/kuh_newe.png); background-size: cover;}

#matras .catalog_items a:nth-child(1) div {background: url(/images/matrasi_s.jpg); background-size: cover;}
#matras .catalog_items a:nth-child(2) div {background: url(/images/matrasi_y.jpg); background-size: cover;}
#matras .catalog_items a:nth-child(3) div {background: url(/images/matrasi_e.jpg); background-size: cover;}
#matras .catalog_items a:nth-child(4) div {background: url(/images/matrasi_x.jpg); background-size: cover;}

#mebel .catalog_items a:nth-child(1) div {background: url(/images/ngar.jpg); background-size: cover;}
#mebel .catalog_items a:nth-child(2) div {background: url(/images/ndiv.jpg); background-size: cover;}
#mebel .catalog_items a:nth-child(3) div {background: url(/images/nkro.jpg); background-size: cover;}

#stoli .catalog_items a:nth-child(1) div {background: url(/images/stoli_b.jpg); background-size: cover;}
#stoli .catalog_items a:nth-child(2) div {background: url(/images/stoli_d.jpg); background-size: cover;}
#stoli .catalog_items a:nth-child(3) div {background: url(/images/stoli_m.jpg); background-size: cover;}

#shkafi .catalog_items a:nth-child(1) div {background: url(/images/shkafi_dali.jpg); background-size: cover;}
#shkafi .catalog_items a:nth-child(2) div {background: url(/images/shkafi_leonardo.jpg); background-size: cover;}

#info .previews p {text-align: center;}
#info .previews p span {display: none;}
#info .target_price span {display: none;}

#works .previews p span:first-of-type {display: none;}
#works .target_price span:first-of-type {display: none;}

#works .catalog_items a:nth-child(1) div {background: url(/images/works/krodiv.jpg); background-size: cover;}
#works .catalog_items a:nth-child(2) div {background: url(/images/works/kuh.jpg); background-size: cover;}
#works .catalog_items a:nth-child(3) div {background: url(/images/works/sto.jpg); background-size: cover;}
#works .catalog_items a:nth-child(4) div {background: url(/images/works/shka.jpg); background-size: cover;}

#stul .catalog_items a:nth-child(1) div {background: url(/images/smod.jpg); background-size: cover;}
#stul .catalog_items a:nth-child(2) div {background: url(/images/sber.jpg); background-size: cover;}

.zajavka {border: 1px solid black; padding: 10px; text-align: center; margin: 20px 0;}
.zajavka h4 {font-size: 22px; line-height: 20 0 42px 0;}
.zajavka input {width: 320px; padding: 3px 6px;}
.zajavka textarea {display: none;}
.zajavka #orderEmail {display: none;}
.policy2 {color: black; font-size: 85%; margin-top: 12px;}
.zajavka a[href^="javascript"] {display: inline-block; padding: 4px 6px; color: #FFFFFF; background: #cd000f; font-size: 16px; text-decoration: none;}
.zajavka #orderFeedback p {line-height: 24px; padding: 0; color: #cd000f}

@media only screen and (max-width: 1024px)
	{
	.container {width: 720px;}
	.topmenu {display: none;}	
	.topmenu_mob {display: block; background: #eed9bf; height: 50px; position: fixed; z-index: 10; box-shadow: 0 0 7px rgba(0,0,0,0.7);}
	.topmenu_mob a[href^="javascript"]{display: block; float: left; width: 50px; height: 50px;}
	.open_menu {background: url(/images/mob_top.png); background-size: cover;}
	
	.main_page {background-size: auto 100%;}
	.title_text {width: 100%; float: none;}
	
	.topmenu_mob a[href^="tel"] {display: block; float: left; line-height: 50px; width: 620px; text-align: center; color: #000000; text-decoration: none; font-size: 18px;}
	.topmenu_mob a[href^="mailto"] {display: block; float: left; width: 50px; height: 50px; background: url(/images/email_icon.png); background-size: cover;}
	
	.mob_menu {position: fixed; z-index: 9; background: #eed9bf; width: 50%; height: auto; top: 50px; box-shadow: 0 5px 5px rgba(0,0,0,0.4); padding: 10px 4px;}
	.mob_menu a {display: block; text-decoration: none; font-size: 18px; color: black; padding: 10px 26px;}
	.mob_menu a:hover {text-decoration: underline;}
	
	.logo {width: 150px; height: 110px; padding-top: 25px;}
	.logo a img {width: 150px;}
	
	.right_header {width: 570px;}
	.headermenu a {font-size: 14px; margin-top: 25px;}	
	
	.socials {margin-top: 10px;}
	.socials a img {height: 24px;}
	.search {margin-top: 12px}
	.search input {width: 360px; height: 24px;}
	
	header {height: 105px;}
	.def_header {height: 105px;}
	.booster34 {display: block; height: 50px; width: 100%;}
	aside {height: 180px; margin-bottom: 60px;}
	.banner {width: 720px; height: 180px;}
	
	
	.ctlg_menu {height: 160px;}
	.ctlg_menu .container {width: 600px; margin-top: 5px; padding: 0;}
	.ctlg_menu .container a:hover {box-shadow: none;}
	
	.main_page {background:url(/images/mob_bg_8.png) no-repeat 50% 0; min-height: 748px;}
	
	.red_botts {height: 74px; width: 249px; margin: auto;}
	.red_botts a {display: block; width: 69px; height: 74px; background: url(/images/raschet8_69x74.png); background-size: cover; float: left;}
	.red_botts a:nth-child(2) {background: url(/images/zapis8_69x74.png); background-size: cover; margin: 0 21px;}
	.red_botts a:nth-child(3) {background: url(/images/zamer8_69x74.png); background-size: cover;}
	
	.main_page p {width: 600px; float: none;}
	
	.def_article h1 {font-size: 22px; padding: 50px 0 60px 0;}
	.def_article h2 {font-size: 20px;}

	
	
	
	.foot_menu {display: none;}
	footer .container {height: 100px; padding: 0;}	
	
	.topmenu_mob a.close_menu[href^="javascript"] {display: none; background: url(/images/close_mob_menu.png); background-size: cover;}
	
	.venders {width: 100%; padding: 0; display: block; margin-top: 10px;}
	
	.salon {width: 340px;}
	.salon a[href^="tel"] {font-size: 28px;}
	.salon:nth-child(even) {margin-left: 25px;}
	
	.catalog_items a div {width: 720px; height: 240px;}
	
	.previews {width: 320px;}
	.previews:nth-child(even) {margin: 0 20px 40px 20px;}
	.previews:nth-child(odd) {margin: 0 20px 40px 20px;}
	
	.target_page h1 {line-height: 34px;}
	.target_description {width: 360px;}
	.target_gallery {width: 320px; display: inline-block;}
	.target_gallery>a>img {width: 320px;}
	.gallery a {width: 320px; height: 320px;}


#tips .main_page p {margin-left: 0;}	
	}
	
@media only screen and (max-width: 1024px) and (orientation: portrait)
	{
	.header_block {display: none;}
	.container {width: 320px;}
	.topmenu_mob a[href^="tel"] {width: 220px;}
	.logo {padding-top: 21px; }
	.socials_mob {display: block; text-align: center; margin-top: 6px;}
	.socials_mob a {display: inline-block;}
	.socials_mob a img {display: block; height: 20px; width: auto;}
	.right_header {width: 160px; height: auto;}
	.headermenu a {display: block; text-align: left; font-size: 14px; padding: 0; margin: 10px 0 8px 16px;}
	.search_mob {display: block; width: 100%;}
	.search_mob input {height: 24px; border: 1px solid #eed9bf; width: 100%; background: #000000; color: #eed9bf; text-transform: uppercase; text-align: right; padding: 0 12px; margin-top: 12px;}
	.mob_menu {width: 60%; max-width: 320px;}

	header {height: 178px;}
	.def_header {height: 170px;}
	aside {height: 336px; margin-bottom: 55px;}

	
	.ctlg_menu {height: 108px;}
	.ctlg_menu .container {width: 320px; margin-top: 5px;}
	
.ctlg_menu .container a	{height: 51px; width: 70px; margin: 0 2px;}


.main_page p {width: auto;}
#tips .main_page p {margin-bottom: 40px; margin-left: 60px;}

.venders {display: none; }
.venders_mob {width: 100%; padding: 0; display: block; margin-top: 10px;}
	
footer .container {height: 200px;}
.foot_head a {display: block; padding: 10px 0; height: auto;}
.foot_head a img {height: 50px; margin: 0;}
.foot_head a[href^="tel"] {font-size: 18px;}	
.def_article h1 {font-size: 22px; padding: 45px 0 35px 0;}
.look_in {float: none; margin: 0 auto;}


.salon {display: block; text-align: center; width: 320px;}
.salon:nth-child(even) {margin-left: 0;}

.breadcrumbs {}

.catalog_items a div {width: 320px; height: 106px;}

.cat_wind {width: 49%;}


.target_page h1 {line-height: 34px; text-align: center;}
.target_gallery {width: 320px; display: block; margin-left: 0; margin-top: 30px; }
.target_gallery a {display: none;}
.target_description {width: 320px; display: block;}
.target_description a {color: #000000; text-decoration: none;}
.target_page a[onClick*="UserdataLoad"] {margin: 0 auto;}
.t_price {text-align: center;}
.target_price {font-size: 20px;}

.previews:nth-child(even) {margin-left: 0; margin-right: 0;}
.previews:nth-child(odd) {margin-left: 0; margin-right: 0;}

.gallery a:first-of-type {display: block;}
.gallery a {display: block; width: 320px; height: 320px; margin: 0 0 15px 0; padding: 0;}

.zajavka input {width: 100%;}

	}