код

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: normal; src: local('Open Sans'), local('OpenSans'), url('/g/fonts/open_sans//open_sans-r.woff') format('woff'), url('/g/fonts/open_sans//open_sans-r.ttf') format('truetype'), url('/g/fonts/open_sans//open_sans-r.svg') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: bold; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/g/fonts/open_sans//open_sans-b.woff') format('woff'), url('/g/fonts/open_sans//open_sans-b.ttf') format('truetype'), url('/g/fonts/open_sans//open_sans-b.svg') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: normal; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/g/fonts/open_sans//open_sans-i.woff') format('woff'), url('/g/fonts/open_sans//open_sans-i.ttf') format('truetype'), url('/g/fonts/open_sans//open_sans-i.svg') format('svg'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: bold; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/g/fonts/open_sans//open_sans-b-i.woff') format('woff'), url('/g/fonts/open_sans//open_sans-b-i.ttf') format('truetype'), url('/g/fonts/open_sans//open_sans-b-i.svg') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url('/g/fonts/roboto//roboto-r.woff') format('woff'), url('/g/fonts/roboto//roboto-r.ttf') format('truetype'), url('/g/fonts/roboto//roboto-r.svg') format('svg'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('/g/fonts/roboto//roboto-b.woff') format('woff'), url('/g/fonts/roboto//roboto-b.ttf') format('truetype'), url('/g/fonts/roboto//roboto-b.svg') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url('/g/fonts/roboto//roboto-i.woff') format('woff'), url('/g/fonts/roboto//roboto-i.ttf') format('truetype'), url('/g/fonts/roboto//roboto-i.svg') format('svg'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/g/fonts/roboto//roboto-b-i.woff') format('woff'), url('/g/fonts/roboto//roboto-b-i.ttf') format('truetype'), url('/g/fonts/roboto//roboto-b-i.svg') format('svg'); } @font-face { font-family: 'PTSansRegular'; src: url('/g/fonts/pt_sans//pt_sans-r.eot'); src: local('O'), url('/g/fonts/pt_sans//pt_sans-r.woff') format('woff'), url('/g/fonts/pt_sans//pt_sans-r.ttf') format('truetype'), url('/g/fonts/pt_sans//pt_sans-r.svg#webfontXXmgsOEo') format('svg'); font-weight: normal; font-style: normal; } body,html { padding: 0; margin: 0 auto; height: 100%; min-width: 320px; /* max-width: 1900px;*/ position: relative; } body { font: 400 16px 'Open Sans',sans-serif; color: #787878; background: none; overflow-x: hidden; a { color: #60bbd0; text-decoration: none; &:hover { text-decoration: none; color: #60bbd0; } } .wrap-page-path { margin: 0 0 15px; .page-path { color: #000; font: normal 12px Arial, Helvetica, sans-serif; a { color: #60bbd0; text-decoration: none; } } } div, span, h1, h2, h3, h4, h5, h6, p, em, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, form, label, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; } a { margin: 0; padding: 0; font-size: 100%; background: transparent; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ins { text-decoration: none; } p, pre, blockquote, ul, ol, dl { margin: 1em 0; } blockquote { margin-left: 40px; margin-right: 40px; } ol, ul, dd { margin-left: 40px; } pre, code, kbd, samp { font-family: monospace, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', Helvetica, sans-serif; margin: 0; color: #787878; font-weight: 400; padding-bottom: 15px; } $h1_size: 30px; h1 { font-size: $h1_size; line-height: normal;} h2 { font-size: $h1_size - 2; line-height: normal;} h3 { font-size: $h1_size - 4; line-height: normal;} h4 { font-size: $h1_size - 6; line-height: normal;} h5 { font-size: $h1_size - 8; line-height: normal;} h6 { font-size: $h1_size - 10; line-height: normal;} hr { color: #000000; border: none; /* Убираем границу для браузера Firefox */ background-color: #000; /* Цвет линии для браузера Firefox и Opera */ height: 1px; /* Толщина линии */ } table.table0 { border-collapse: collapse; } table.table0 td { padding: 5px; border: none; } table.table1 { border-collapse: collapse; } /*table.table1 tr:hover { background:#e0e0e0; }*/ table.table1 td { padding: 5px; border: 1px solid #000000;} table.table2 { border-collapse: collapse;} /*table.table2 tr:hover { background:#e0e0e0;}*/ table.table2 td { padding: 5px; border: 1px solid #000000;} table.table2 th { padding: 8px 5px; border: 1px solid #000000; background-color: #000; color: #ffffff; text-align: left; } table.table0 td p, table.table1 td p, table.table2 td p { padding: 0; margin: 0; text-indent: 0;} /*=== GALLERY */ table.gallery { border-spacing: 10px; border-collapse: separate;} table.gallery td { background-color: #000; text-align: center; padding: 15px;} } .clear, .clear-footer { clear:both; height: 0; font-size: 0; line-height: 0; } .clear-footer { padding-top: 570px; } .site-wrapper { height: auto !important; height: 100%; min-height: 100%; min-width: 320px; margin: 0 auto -570px auto; background: #fff; position: relative; z-index: 1; overflow: hidden; display: flex; align-items: flex-start; &:after{ display: block; position: absolute; content: ''; background: #fff; width: 280px; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0px 3px 10px 5px #d6d6d6; } .site-left-block{ width: 350px; display: flex; flex-direction: column; background: #fff; height: auto; position: relative; z-index: 1; .site-left-block-in{ position: fixed; width: 280px; background: #fff; } .site-logo { margin: 58px 10px 50px 10px; a { display: block; } } .menu-burger{ display: none; background: url(768-burger.png) no-repeat top center; width: 320px; height: 50px; cursor: pointer; } .menu-panel{ display: block; .side-menu-wrapper { background: none; width: 217px; margin: -5px auto 0 auto; &>.side-menu { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; text-align: left; &>li { display: block; vertical-align: top; &>a { display: block; font: 400 15px/30px 'Open Sans', Helvetica, sans-serif; text-decoration: none; color: #787878; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; &:hover { color: #60bbd0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } } ul{ margin: 0; padding: 5px 0 0 0px; list-style: none; li a{ display: block; text-decoration: none; padding-bottom: 5px; color: #787878; padding-left: 8px; font: 400 13px/25px 'Open Sans', Helvetica, sans-serif; background: url(top-m.png) no-repeat left 12px; &:hover{ color: #60bbd0; background: url(top-m-h.png) no-repeat left 12px; } } } } & > .active > a{ color: #60bbd0; } &>li a { background: url(top-m-sep.png) no-repeat bottom center; } } } .phone{ margin-top: 47px; font: 700 20px 'Open Sans', Helvetica, sans-serif; padding-left: 30px; padding-top: 14px; background: url(phone.png) no-repeat 16px 5px; a{ color: #787878; text-decoration: none; display: block; } } p{margin: 0;} .addres{ margin-top: 10px; font-size: 14px; font-family: "Open Sans"; color: rgb(120, 120, 120); line-height: 1.2; text-align: left; padding-left: 30px; } .feedback{ display: block; font-size: 16px; font-family: "Open Sans"; /* color: black;*/ color: #787878; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; background: url(feedback.png) repeat-x top center; width: 220px; margin: 15px auto 0 auto; padding-top: 12px; padding-bottom: 16px; text-decoration: none; } .top-edit-block{ margin-top: 40px; font-size: 16px; font-family: "Open Sans"; color: rgb(196, 196, 196); line-height: 1.2; padding: 0 30px; } } } .site-right-block{ min-width: 320px; width: 100%; .site-header-wrapper { position: relative; margin: 0 auto; .site-left-block-plan{ display: none; width: 320px; flex-direction: column; background: #fff; height: auto; position: absolute; float: left; z-index: 99999; .site-logo { margin: 19px 30px 19px 30px; a { display: block; } } .menu-closed{ display: none; background: url(menu-burger-closed.jpg) no-repeat top center; width: 320px; height: 50px; cursor: pointer; } .menu-burger{ display: none; background: url(768-burger.png) no-repeat top center; width: 320px; height: 50px; cursor: pointer; } .menu-panel1{ display: none; position: absolute; background: #fff; top: 167px; left: 0; bottom: 0; height: 1000000%; width: 320px; .side-menu-wrapper { background: none; width: 260px; margin: 3px auto 0 auto; &>.side-menu { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; text-align: center; &>li { display: block; vertical-align: top; &>a { display: block; font: 400 17px/47px 'Open Sans', Helvetica, sans-serif; text-decoration: none; color: #787878; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; &:hover { color: #60bbd0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } } ul{ margin: 0; padding: 5px 0 0 0px; list-style: none; li a{ display: block; text-decoration: none; padding-bottom: 5px; color: #787878; padding-left: 8px; font: 400 13px/25px 'Open Sans', Helvetica, sans-serif; &:hover{ color: #60bbd0; } } } } & > .active > a{ color: #60bbd0; } &>li a { background: url(top-m-sep.png) repeat-x bottom center; } } } .phone{ margin-top: 48px; font: 700 25px 'Open Sans', Helvetica, sans-serif; padding-left: 74px; padding-top: 6px; background: url(phone.png) no-repeat 30px 16px; a{ color: #787878; text-decoration: none; display: block; } } .addres{ margin-top: 10px; font-size: 16px; font-family: "Open Sans"; color: #787878; line-height: 1.2; text-align: left; padding-left: 35px; } .feedback{ display: block; font-size: 16px; font-family: "Open Sans"; color: black; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; background: url(feedback.png) repeat-x top center; width: 260px; margin: 26px 0 0 30px; padding-top: 15px; padding-bottom: 22px; text-decoration: none; background-size: 100% 100%; height: 18px; } .top-edit-block{ margin-top: 40px; font-size: 16px; font-family: "Open Sans"; color: rgb(196, 196, 196); line-height: 1.2; padding: 0 30px; } } } .slider-block{ font-size: 0; height: auto; img{ width: 100%; height: auto; } .slider-b{ bottom: 0; position: absolute; top: 0; left: 0; max-width: 1630px; min-width: 320px; right: 0; height: auto; .slider-text{ font-size: 20px; font-family: "Open Sans"; color: black; line-height: 1.2; text-align: right; background: #a3d9e5; width: 380px; padding: 22px; position: absolute; right: 0; bottom: 120px; box-sizing: border-box; } .site-slogan { color: #000; font: 400 20px 'Arial', Helvetica, sans-serif; max-width: 710px; height: 80px; width: 100%; position: absolute; left: 0; bottom: 0; } } } @media screen and (max-width: 960px) { .slider-block .slider-b .site-slogan{ max-width: 663px; } } p { padding: 0; margin: 0; } img { border: none; } a { color: #000; } } .design-block{ /* max-width: 1320px;*/ width: 100%; font-size: 0; display: flex; flex-wrap: wrap; .design-blocks{ display: table; width: 100%; font-size: 0; .design-item{ /* max-width: 372px; width: 100%; display: inline-block;*/ position: relative; color: #fff; display: table-cell; width: 28.2%; position: relative; color: #fff; opacity: .5; img{ width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } span{ position: absolute; bottom: 30px; background: rgba(0,0,0,.5); opacity: 0; padding: 20px; color: #fff; left: 0; max-width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; .design-item-text{ font-size: 18px; font-family: "Open Sans"; color: rgb(255, 255, 255); left: 0; display: none; /* display: inline-block;*/ position: absolute; bottom: 0; padding: 27px 20px; opacity: 1; z-index: 10; &:after{ display: none; position: absolute; content: ''; background-color: black; opacity: 0.702; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } } } &:hover{ opacity: 1; span{ opacity: 1; width: 100%; height: 40px; z-index: 999; bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .design-item-text{display: inline-block; &:after{ display: block; } } /* &:after{ display: block; position: absolute; content: ''; background-color: black; opacity: 0.702; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } &:before{ display: block; position: absolute; content: ''; background: url(img-more.png) no-repeat top center; width: 71px; height: 71px; top: 40%; left: 40%; right: 0; bottom: 0; opacity: 1; z-index: 9; }*/ img{ width: 111%; position: relative; z-index: 9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .design-item-text{ &:after{ display: none; } } } } .design-item:nth-child(3n){ max-width: 576px; width: 100%; } @media screen and (max-width: 1600px) { .design-item:nth-child(3n){ max-width: 372px; width: 100%; background-size: 100% 100%; display: none; } } @media screen and (max-width: 1600px) { .design-item:nth-child(3n){ max-width: 372px; } } @media screen and (max-width: 768px) { .design-item:nth-child(3n){ display: none; } } } /*блоки*/ @media screen and (max-width: 1600px) { .design-block .design-item { width: 50%; display: inline-block; position: relative; color: #fff; max-width: inherit; } } @media screen and (max-width: 320px) { .design-block{ max-width: 1320px; min-width: 320px; font-size: 0; display: flex; flex-wrap: wrap; .design-item{ max-width: 380px; width: 100%; height: auto; display: inline-block; position: relative; color: #fff; max-width: inherit !important; img{ width: 100%; height: auto; } } } } @media screen and (max-width: 320px) { .design-block{ max-width: 1320px; min-width: 320px; font-size: 0; display: flex; flex-wrap: wrap; .design-item{ width: 100%; height: auto; display: inline-block; position: relative; color: #fff; max-width: inherit !important; img{ width: 100%; height: auto; } } } } } .site-content-wrapper { position: relative; margin: 0 auto 0 0; min-width: 320px; /* max-width: 1600px;*/ width: 100%; border-bottom: 1px solid #cccccc; /* &:after{ display: block; position: absolute; content: ''; background: url(content-bg.jpg) left top/ auto auto no-repeat fixed; left: 700px; top: 0; bottom: 0; right: 0; background-size: 100% 100%; }*/ .site-content { width: 100%; float: left; .content-column { /* padding: 78px 40px;*/ padding: 78px 40px 170px 40px; /* max-width: 700px;*/ box-sizing: border-box; position: relative; z-index: 1; width: 100%; overflow: hidden; .wide{ img{ width: 100%; height: auto; } } table{overflow-x: scroll; height: auto;} img{/*max-width: 700px; width: 100%; */ border: none !important;} /* div{ table{max-width: 700px;} }*/ } @media screen and (max-width: 1023px){ .content-column { &:after{display: none;} } } @media screen and (max-width: 768px){ .content-column { /* max-width: 700px;*/ /* overflow-x: scroll;*/ } } @media screen and (max-width: 768px){ .content-column { /* max-width: 700px;*/ overflow-x: scroll; table{overflow-x: scroll; height: auto;} overflow-x: scroll; .wide-m{ img{ width: 100%; height: auto; } } } } } } .bottom-content-block{ position: relative; z-index: 1; width: 100%; /* &:after{ display: block; position: absolute; content: ''; background: url(bottom-content-bg.jpg) left 980px top 50% / auto auto no-repeat fixed; left: 700px; top: 0; bottom: 0; right: 0; background-size: 100% 100%; }*/ .suggestions{ position: relative; padding: 50px 30px; /* max-width: 700px;*/ box-sizing: border-box; width: 100%; border-bottom: 1px solid #cccccc; z-index: 10; img{width: 600px;} .js_block{ h2{ color: #787878; font: normal 26px 'Roboto'; padding: 0; } .js_block_item{ position: relative; width: 280px; margin: 0 7px 20px; display: inline-block; vertical-align: top; border: 5px #a3d9e5 solid; padding: 5px; cursor: pointer; &:after{ content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); border: solid 5px #fccfa4; display: none; } &:hover{ &:after{ display: block; } border-color: transparent; } .js_block_item_img{ width: 90px; height: 120px; display: inline-block; vertical-align: top; margin-right: 20px; img{ width: 100%; max-width: 100%; } } .js_block_item_desc{ width: 165px; display: inline-block; vertical-align: top; p{ margin: 0; color: #4b4b4b; font: normal 13px/100% 'PTSansRegular'; } .js_block_item_title{ padding-top: 15px; font: bold 16px 'Open Sans'; color: #787878; } .js_block_item_price{ margin-top: 15px; color: #000; font: bold 18px 'Open Sans'; } } } } } .reviews-block{ padding: 70px 30px 96px 40px; /* max-width: 700px;*/ box-sizing: border-box; position: relative; z-index: 1; width: 100%; .reviews-block-title{ font-size: 30px; font-family: "Roboto"; color: rgb(120, 120, 120); line-height: 1.133; text-align: left; margin-bottom: 21px; } .reviews-blocks{ position: relative; .reviews-item{ display: block; margin-bottom: 24px; .reviews-img{ float: left; width: 100px; margin-right: 20px; img{ width: 100px; height: 100px; border-radius: 50%; } } .reviews-texts{ float: left; /* width: 500px;*/ .reviews-text{ font-size: 15px; font-family: "Roboto"; color: rgb(96, 91, 84); line-height: 1.2; } .reviews-after{ font-size: 16px; font-family: "Open Sans"; color: #000; font-style: italic; line-height: 1; margin-top: 14px; text-align: left; } } } } .all-reviews{ font-size: 16px; font-family: "Open Sans"; color: black; padding: 0 16px; line-height: 30px; background: #fccfa4; display: inline-block; text-decoration: none; margin-top: 66px; margin-left: auto; position: absolute; right: 0; } } } @media screen and (max-width: 1600px){ .bottom-content-block .reviews-block{ /* max-width: 670px;*/ } .bottom-content-block .reviews-block .reviews-blocks .reviews-item .reviews-texts{ /* max-width: 470px;*/ } } @media screen and (max-width: 1023px){ .bottom-content-block{ &:after{display: none;} } } @media screen and (max-width: 768px){ .suggestions { max-width: 750px !important; } .suggestions{ img{width: 700px;} } .bottom-content-block .reviews-block{ max-width: 758px !important; } } @media screen and (max-width: 320px){ .suggestions{ max-width: 140px; } .suggestions img{ max-width: 140px; } .bottom-content-block .reviews-block .reviews-blocks .reviews-item .reviews-texts{ max-width: 140px; } .bottom-content-block .reviews-block .all-reviews{ right: 90px; } .site-wrapper .site-right-block .bottom-block .Services-block .Servicess { max-width: 280px; } } .bottom-block{ /* max-width: 1600px;*/ min-height: 320px; width: 100%; padding: 60px 20px; box-sizing: border-box; background: url(bottom-fix.jpg) no-repeat top center fixed; position: relative; background-size: 100% 100%; z-index: 1; .up{ a{ position: absolute; top: 300px; left: 1220px; background: url(up.png) no-repeat top center; width: 51px; height: 67px; }} .Services-block{ .Services-title{ font-size: 25px; font-family: "Roboto"; color: rgb(0, 0, 0); line-height: 1.2; margin-bottom: 20px; } .Servicess{ /* max-width: 700px;*/ box-sizing: border-box; } } .bottom-block-bottom{ padding-top: 60px; .left-edit-block{ float: left; width: 328px; background: url(sep.gif) no-repeat top right; padding-right: 20px; .left-edit-block-title{ font-size: 22px; font-family: "Roboto"; color: rgb(0, 0, 0); line-height: 1.2; margin-bottom: 20px; } .left-edit-block-body{ font-size: 15px; font-family: "Roboto"; color: rgb(103, 103, 103); line-height: 1.333; } } @media screen and (max-width: 320px){ .left-edit-block{ width: 280px; } } .news-block-wrapper{ padding-left: 40px; float: left; width: 300px; box-sizing: border-box; .news-block-title{ font-size: 22px; font-family: "Roboto"; color: rgb(0, 0, 0); line-height: 1.2; margin-bottom: 20px; } .news-block{ .news-block-item{ .news-date{ font-size: 12px; font-family: "Arial"; color: rgb(103, 103, 103); font-style: italic; line-height: 1.2; margin-bottom: 5px; } .news-title{ font-size: 15px; font-family: "Arial"; color: rgb(103, 103, 103); font-style: italic; line-height: 1.2; a{text-decoration: none;} } } } } @media screen and (max-width: 320px){ .news-block-wrapper{ width: 280px; padding-left: 0; margin-top: 47px; padding-bottom: 180px; } } } } .map-block{ position: relative; z-index: 1; font-size: 0; .contact-block{ width: 280px; background: #fff; padding: 30px 20px; position: absolute; top: 40px; left: 40px; box-sizing: border-box; p{margin: 0;} .f_phone{ font-size: 20px; font-family: "Open Sans"; font-weight: bold; line-height: 1.2; padding-left: 43px; margin-bottom: 26px; background: url(c-p.gif) no-repeat top left; min-height: 30px; a{ color: rgb(120, 120, 120); text-decoration: none; display: block; } } .f_addres{ font-size: 15px; font-family: "Open Sans"; color: rgb(120, 120, 120); line-height: 1.2; padding-left: 43px; margin-bottom: 14px; background: url(c-a.gif) no-repeat top left; } .time{ font-size: 15px; font-family: "Open Sans"; color: rgb(120, 120, 120); line-height: 1.2; padding-left: 43px; background: url(c-t.gif) no-repeat top left; } } @media screen and (max-width: 320px){ .contact-block{ width: 320px; top: -180px; left: 0; } } } @media screen and (max-width: 320px){ .map-block{ height: 160px; } } } } /**/ @media screen and (max-width: 1600px) { .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text{ right: 260px; } } @media screen and (max-width: 960px) { .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text{ right: 130px; } } @media screen and (max-width: 768px){ .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text { right: 60px; bottom: 100px; } } @media screen and (max-width: 480px){ .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text { right: 0; width: 100%; text-align: left; bottom: 80px; } } @media screen and (max-width: 320px){ .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text { right: 0; width: 100%; font-size: 14px; text-align: left; bottom: 0; } .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b { top: 167px; margin-bottom: 20px; } .site-wrapper .site-right-block .site-header-wrapper .slider-block { padding-top: 167px; height: 555px; box-sizing: border-box; } .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .slider-text { right: 0; width: 100%; font-size: 14px; text-align: left; bottom: inherit; top: 183px; padding: 15px 20px; } .site-wrapper .site-right-block .site-header-wrapper { height: 435px; padding-bottom: 0; } .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .site-slogan { top: 233px; } } /**/ @media screen and (max-width: 768px){ .site-wrapper .site-left-block{ display: none; } .site-wrapper .site-right-block .site-header-wrapper .site-left-block-plan .menu-burger{ display: block; width: 320px; height: 50px; } .site-wrapper .site-left-block { width: 320px; } .site-wrapper:after{ display: none; } .site-wrapper .site-right-block .site-header-wrapper .site-left-block-plan{ display: block; position: absolute; width: 320px; } .site-wrapper .site-right-block .site-header-wrapper .site-left-block-plan .menu-panel{ display: none; } .site-wrapper .site-right-block .site-header-wrapper .site-left-block-plan{ display: flex; } .site-wrapper .site-right-block .site-header-wrapper .slider-block .slider-b .site-slogan { max-width: 750px; } } @media screen and (max-width: 767px){ .site-wrapper .site-right-block .site-header-wrapper .slider-block{ padding-top: 167px; } } .inner-page{ @media screen and (max-width: 768px){ .site-right-block .site-header-wrapper { height: 160px; } } } .footer-wrapper { min-width: 320px; /* max-width: 1600px;*/ margin: 0 auto 0 0; position: relative; z-index: 2; overflow: hidden; margin-left: 280px; p { padding: 0; margin: 0; } img { border: none; } a { color: #000; } &:after{ display: block; position: absolute; content: ''; background: url(footer-img.jpg) left 110% top 50%/auto auto no-repeat fixed; left: 700px; top: 0; bottom: 0; right: 0; background-size: 100% 100%; } .footer { position: relative; min-width: 320px; /* max-width: 1600px;*/ margin: 0 auto 0 0; height: 570px; .footer-left{ max-width: 700px; width: 100%; padding: 59px 40px 0 0px; box-sizing: border-box; .form-wrapper{ position: relative; z-index: 1; margin-left: 40px; max-width: 700px; .form-block{ height: 210px; max-width: 700px; .tpl-anketa{ max-width: 700px; .title{ font-size: 22px; font-family: "Roboto"; /* color: rgb(0, 0, 0);*/ color: #787878; line-height: 1.2; text-align: left; margin-bottom: 25px; max-width: 700px; width: 100%; } form{ max-width: 700px; width: 100%; .type-text{ input { display: block; float: left; padding: 13px 19px; max-width: 300px; width: 100%; height: 38px; box-sizing: border-box; margin-right: 20px; margin-bottom: 20px; border: 1px solid #fccfa4; background: transparent; outline: none; color: #4d4d4d; font: 400 14px 'Arial' , Helvetica, sans-serif; &::-webkit-input-placeholder {color:#4d4d4d;} &::-moz-placeholder {color:#4d4d4d;}/* Firefox 19+ */ &:-moz-placeholder {color:#4d4d4d;}/* Firefox 18- */ &:-ms-input-placeholder {color:#4d4d4d;} &:focus::-webkit-input-placeholder {color: transparent;} &:focus::-moz-placeholder {color: transparent;} &:focus:-moz-placeholder {color: transparent;} &:focus:-ms-input-placeholder {color: transparent;} } } .type-textarea{ float: left; vertical-align: top; display: block; margin-top: -116px; textarea{ display: block; float: left; padding: 13px 19px; max-width: 300px; width: 100%; height: 96px; box-sizing: border-box; margin-right: 20px; margin-bottom: 20px; border: 1px solid #fccfa4; background: transparent; outline: none; color: #4d4d4d; font: 400 14px 'Arial' , Helvetica, sans-serif; &::-webkit-input-placeholder {color:#4d4d4d;} &::-moz-placeholder {color:#4d4d4d;}/* Firefox 19+ */ &:-moz-placeholder {color:#4d4d4d;}/* Firefox 18- */ &:-ms-input-placeholder {color:#4d4d4d;} &:focus::-webkit-input-placeholder {color: transparent;} &:focus::-moz-placeholder {color: transparent;} &:focus:-moz-placeholder {color: transparent;} &:focus:-ms-input-placeholder {color: transparent;} } } .tpl-field-button{ button{ font-size: 20px; font-family: "Open Sans"; /* color: rgb(0, 0, 0);*/ color: #787878; text-transform: uppercase; line-height: 1.2; text-align: center; display: block; float: left; padding: 0; margin: 0; width: 160px; height: 38px; background-color: #fccfa4; border: none; outline: none; cursor: pointer; } } } } } } .bottom-slogan{ float: left; margin-top: 27px; max-width: 750px; img{ width: 100%; height: auto; } } .footer-left-bottom{ margin-top: 40px; .footer-left-bottom-left{ float: left; margin-left: 40px; max-width: 320px; .s-network{ text-align: left; font-size: 0; margin-top: 38px; .s-network-title{ font-size: 12px; font-family: "Open Sans"; color: rgb(0, 0, 0); line-height: 1.2; margin-bottom: 8px; } .s-n{ display: inline-block; width: 30px; height: 30px; margin: 0 1px; font-size: 0; } } .copyrights { margin-top: 34px; font-size: 13px; font-family: "Open Sans"; color: rgb(0, 0, 0); line-height: 1.2; text-align: left; } } .footer-left-bottom-right{ float: right; width: 300px; margin-top: 60px; .counters { margin-bottom: 31px; } .mega { color: rgb(96, 187, 208); font: 400 13px 'Open Sans', Helvetica, sans-serif; span{font-size: 10px !important;} a{color: rgb(96, 187, 208); &:hover{ color: rgb(96, 187, 208); } } } } } } } } @media screen and (max-width: 1023px){ .footer-wrapper:after{display: none;} } @media screen and (max-width: 1900px){ .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .type-textarea{ margin-top: -116px; } } @media screen and (max-width: 957px){ .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .type-textarea{ margin-top: 0px; } } @media screen and (max-width: 767px){ .footer-wrapper:after{display: none;} .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .type-textarea{ margin-top: 0px !important; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form{ max-width: 450px !important; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .tpl-field-button button { clear: both; } } @media screen and (max-width: 768px){ .footer-wrapper:after{ display: none; } .footer-wrapper{margin-left: 0;} .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-right{ float: right; text-align: right; } .footer-wrapper .footer .footer-left { padding: 65px 40px 0 40px; } .footer-wrapper .footer .footer-left .form-wrapper{ margin-left: 0; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .type-textarea{ margin-top: -116px; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .title { text-align: center; } } @media screen and (max-width: 320px){ .footer-wrapper{margin-top: 570px;} .footer-wrapper img { max-width: 300px; } .footer-wrapper .footer .footer-left .footer-left-bottom{ max-width: 320px; } .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-left { margin-right: 0px; max-width: 200px; } .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-left .s-network { text-align: center; } .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-left .copyrights { text-align: center; } .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-right { float: left; text-align: center; width: 190px; margin: 40px 40px 30px 0px; } .clear-footer { padding-top: 320px; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .title { text-align: center; width: 220px; margin-left: auto; margin-right: auto; } .footer-wrapper .footer .footer-left .form-wrapper .form-block form .type-textarea { float: inherit; } .footer-wrapper .footer .footer-left .form-wrapper .form-block form .tpl-field-button button { float: inherit; margin-left: auto; margin-right: auto; } .footer-wrapper .footer .footer-left .bottom-slogan { margin-top: 95px; } } @media screen and (max-width: 320px){ .site-wrapper .site-right-block .bottom-block .Services-block .Servicess { max-width: 310px; } } @media screen and (max-width: 480px){ .footer-wrapper .footer .footer-left .footer-left-bottom .footer-left-bottom-right { float: right; text-align: center; } .footer-wrapper .footer .footer-left .form-wrapper .form-block .tpl-anketa form .tpl-field-button button { float: inherit; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 640px){ .site-wrapper .site-right-block .site-header-wrapper .slider-block { padding-top: 167px; } } @media screen and (max-width: 960px){ .site-wrapper .site-right-block .bottom-block .bottom-block-bottom .news-block-wrapper{ padding-left: 0; } } @media screen and (max-width: 768px){ .site-wrapper .site-right-block .bottom-block .bottom-block-bottom .news-block-wrapper{ padding-left: 40px; } } .block_uslugi{ @media screen and (max-width: 420px){ text-align: center; } .block_uslugi_item{ position: relative; padding: 15px; width: 260px; display: inline-block; vertical-align: top; border: 5px #a3d9e5 solid; margin: 0 3px; padding-bottom: 25px; cursor: pointer; &:after{ content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); border: solid 5px #fccfa4; display: none; } .block_uslugi_title{ color: #60bbd0; font-size: 18px 'Roboto'; text-transform: uppercase; } .block_uslugi_price{ color: #000; font: bold 18px 'Open Sans'; margin: 10px 0 20px; } .block_uslugi_text{ padding-bottom: 50px; font: 400 14px/25px 'Roboto'; color: #676767; } .block_uslugi_url{ position: relative; text-decoration: none; color: #60bbd0; text-transform: uppercase; font: bold 16px 'Open Sans'; z-index: 100; } &:hover{ &:after{ display: block; } background: #fff; border-color: transparent; .block_uslugi_url, .block_uslugi_title{ color: #e9ac72; } } } } .border-style{img{border-radius: 50%}} .site-wrapper .site-right-block .bottom-content-block .suggestions .js_block .js_block_item .js_block_item_desc .js_block_item_price{color: #787878;} .block_uslugi .block_uslugi_item .block_uslugi_price{color: #787878;}

Москва, ул. Профсоюзная,
дом 71,  офис 11

По договоренности
Пн-Сб: 11:00 - 20:00