body, html { margin:0; padding:0; width:100%; } body { font-family:"Roboto", Helvetica, Arial, Tahoma, sans-serif; font-size:16px; font-weight:300; background-size:1024px 683px; background-color:#ffffff; } h1, h2, h3, h4, h5 { margin:0;  } header, section, article, aside, footer, nav { display:block; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } a { color:#FFAF0F; } .error { color:#ff0000; } .material-icons { color:#000000; font-size:18px; padding-right:4px; vertical-align:top; } main { width:100%; margin-left:auto; margin-right:auto; } .header { width:100%; } .header_inner { display:flex; flex-wrap:wrap; } .header_contacts { width:100%; margin:0 auto; padding:8px 20px 5px 20px; color:#000000; order:1; } .header_contacts ul { margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; width:auto; } .header_contacts ul li { display:inline-block; } .header_contacts p { margin:0; padding:0; display:none; } .header_contacts a { color:#000000; text-decoration:none; } .header_contacts a:hover { text-decoration:underline; } .header_logo { width:100%; height:78px; margin:0; text-align:center; background-color:#000000; display:flex; flex-wrap:wrap; } .header_logo p.menu_button { padding:0 15px; margin:0; align-self:center; } .header_logo p.menu_button a { display:block; width:25px; height:23px; background:transparent url("/pic/menu.png") center center no-repeat; background-size:25px 23px; } .header_logo p.logo { margin:0 auto; padding:11px 0 0 0; text-align:center; align-self:center; } .header_logo p.logo a { display:block; width:320px; height:48px; background:transparent url("/pic/logo_header_light.png") left center no-repeat; background-size:320px 48px; } .header_logo p a span { display:none; } .section_header { display:flex; flex-wrap:nowrap; justify-content:space-between; margin:30px 0 20px 0; padding:0; } .section_header_title { margin:0 20px 10px 0; padding:0; } .section_header_title h2 { margin:0 !important; padding:0; font-size:1.8em; line-height:110%; font-weight:300; } .section_header_title address { padding:0; margin:0; font-style:normal; font-size:0.9em; color:#808080; } .section_header p { width:42px; height:42px; padding:0; margin:0; } .section_header p a { display:block; width:42px; height:42px; background-image:url("/pic/arrow_header.png"); background-position:center center; background-repeat:no-repeat; background-size:42px 42px; } .section_header p a span { display:none; } .menu { width:100%; height:202px; background-color:#000000; background-image:url("/pic/visual_4.jpg"); background-position:center bottom; background-repeat:no-repeat; background-size:cover; } .menu_main { padding-top:10px; display:none; } .menu_main ul { display:block; list-style:none; width:calc(100% - 30px); padding:5px; margin:auto; background-color:#ffffff; border:1px solid #979797; border-radius:24px; box-shadow:0 -3px 6px rgba(0,0,0,0.3); } .menu_main ul li { display:inline-block; padding:0; margin:3px; } .menu_main ul li a { display:block; padding:8px 12px 6px 12px; color:#000000; text-decoration:none; border:2px solid transparent; } .menu_main ul li a:hover { border:2px solid #FFAF0F; border-radius:22px; } .menu_main ul li.selected a { background-color:#FFAF0F; border-radius:22px; } .content { width:100%; color:#000000; } .content_inner { width:100%; padding:40px 20px; display:flex; flex-wrap:wrap; } .content_narrow { margin:auto; width:100%; } .content_text { width:100%; padding:0 0 0 0; } .content_text article { padding-bottom:20px; } .content_text h1 { margin:0 0 40px 0; padding:0 0 0 0; font-size:3em; line-height:110%; font-weight:300; text-align:center; color:#000000; } .content_text h2 { margin:30px 0 20px 0; padding:0 0 0 0; font-size:1.8em; line-height:110%; font-weight:300; color:#000000; } .content_text h3 { margin:20px 0 10px 0; padding:0 0 0 0; font-size:1.3em; font-weight:300; color:#000000; } .content_text h4 { margin:20px 0 10px 0; padding:0 0 0 0; font-size:1.2em; font-weight:300; color:#000000; } .content_text h5 { margin:20px 0 10px 0; padding:0 0 0 0; font-size:1em; font-weight:300; color:#000000; } .content_text h6 { margin:20px 0 10px 0; padding:0 0 0 0; font-size:0.8em; font-weight:400; color:#0C445D; } .content_text pre { padding:10px; background-color:#f0f0f0; overflow:auto; font-size:0.9em; } .content_text img { max-width:100%; } .content_text strong { font-weight:400; } .content_text iframe { max-width:100% !important; } .content_text table { width:100%; padding:0; margin:10px 0; border-collapse:collapse; border-left:1px #666666 solid; } .content_text table tr:nth-of-type(2n+1) { background-color:#f0f0f0; } .content_text table caption { font-style:italic; margin-bottom:10px; } .content_text table th { padding:3px 5px; font-weight:normal; background-color:#666666; border:1px #cccccc solid; color:#ffffff; font-size:0.95em; } .content_text table td { padding:4px 5px; border:1px #cccccc solid; vertical-align:top; } .content_text table td img, .content_text table td iframe { max-width:100%; } .content_text p.feedback_buttons { margin:30px auto 0; text-align:center; } .content_text p.feedback_buttons a.positive { font-size:1em; font-weight:400; color:#000000; padding:7px 14px; border-radius:24px; background-color:#FFAF0F; text-decoration:none; } .content_text p.feedback_buttons a.negative { font-size:1em; font-weight:400; color:#ffffff; padding:7px 14px; margin-left:10px; border-radius:24px; background-color:#000000; text-decoration:none; } .reviews_list { margin:40px 0 30px 0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; width:100%; } .reviews_list_cell { width:100%; } h3.reviews_title { font-weight:400; font-size:1.2em; text-align:left; padding:0; margin:0; } .reviews_address { font-style:italic; font-size:0.9em; padding:0; margin:0; } .reviews_rating { font-size:0.8em; letter-spacing:0.2em; margin:10px 0; padding:0; color:#FFAF0F; } .reviews_text { margin:20px 0; } .reviews_answer { margin:20px 20px; font-style:italic; color:#999999; border-left:#FFAF0F solid 5px; padding-left:12px; } .gallery { list-style-type:none; margin:40px 0; padding:0; display:flex; flex-wrap:wrap; align-items:center; } .gallery li { font-size:1em; margin:0 35px 35px 0; } .gallery li img { width:100%; } .gallery_image { margin:40px 0; text-align:center; } .gallery li p { margin:0; padding:0; color:#808080; } .general_form { padding:1em 0; } .general_form label { font-size:1em; } .general_form dl { margin:0 0 1em 0; padding:0; } .general_form dl dt { padding:0; } .general_form dl dd { margin:0; padding:0; } .general_form .long { width:100%; } .general_form .middle { width:100%; } .general_form .short { width:50%; } .general_form textarea { width:100%; } .general_form .required:after { content:"*"; } .general_form input, .general_form textarea, .general_form select { font-size:0.9em; background:#ffffff; padding:4px 8px; margin:0 0 0.8em 0; border:1px solid #c0c0c0; } .general_form select { font-size:0.9em; -webkit-appearance:button; -webkit-border-radius:2px; -webkit-user-select:none; background:#ffffff url("/pic/arrow_select.png") calc(100% - 10px) center no-repeat; background-size:22px 30px; border:1px solid #c0c0c0; padding:4px 28px 4px 8px; text-overflow:ellipsis; white-space:nowrap; -moz-appearance:none; } .general_form_submit input { font-size:1em; font-weight:400; color:#000000; padding:7px; margin:auto; width:100%; background-color:#FFAF0F; cursor:pointer; -webkit-appearance:none; border:none; border-radius:24px; box-shadow:0 3px 6px rgba(0,0,0,0.3); } .general_form input[type="file"] { border:none; color:#FFAF0F; background-color:transparent; } .navigation { margin:1em 0 0 0; line-height:120%; padding:0; text-align:center; } .navigation ul { margin:0; padding:0; list-style-type:none; } .navigation ul li { display:inline-block; width:1.6em; text-align:center; margin:0 0.6em 0.6em 0; padding:0; font-size:1.6em; } .navigation ul li a { display:block; width:1.6em; height:1.6em; padding:0.4em 0 0 0; text-decoration:none; text-align:center; color:#000000; border:2px #000000 solid; border-radius:50%; } .navigation ul li a:hover { border-color:#FFAF0F; } .navigation ul li span { display:block; width:1.6em; height:1.6em; padding:0.4em 0 0 0; text-align:center; background-color:#000000; color:#ffffff; border:2px #000000 solid; border-radius:50%; } .navigation_arrows { margin:1em 0 0 0; padding:0; text-align:center; } .navigation_arrows ul { margin:0; padding:0; list-style-type:none; } .navigation_arrows ul li { display:inline-block; width:42px; height:42px; margin:0 0.25em; padding:0; } .navigation_arrows ul li a { display:block; width:42px; height:42px; } .navigation_arrows ul li span { display:none; } .navigation_arrows ul li.grid { background:transparent url("/pic/images_grid.png") center center no-repeat; background-size:42px 42px; } .navigation_arrows ul li.previous { background:transparent url("/pic/arrow_prev.png") center center no-repeat; background-size:42px 42px; } .navigation_arrows ul li.next { background:transparent url("/pic/arrow_next.png") center center no-repeat; background-size:42px 42px; } .footer { width:100%; } .footer_inner { width:calc(100% - 40px); max-width:950px; color:#000000; background-color:#EBEBEB; padding:6px 20px; margin:0 auto; display:flex; flex-wrap:wrap  } .footer_inner section { margin:10px 0; } .footer_inner section:nth-child(1) { width:240px; } .footer_inner section:nth-child(2) { width:100%; } .footer_inner section:nth-child(3) { width:140px; } .footer_inner section:nth-child(4) { width:140px; } .footer_inner ul { width:100%; list-style:none; padding:0; margin:0; font-size:0.9em; line-height:1.4em; } .footer_inner ul li { padding:0; margin:5px 0; } .footer_inner ul li a { text-decoration:none; color:#000000; } .footer_inner ul li a:hover { text-decoration:underline; } .footer_inner p { margin:5px 0 0 0; padding:0; } .footer_logo a { display:block; width:175px; height:69px; margin:auto; background:transparent url("/pic/logo_footer_light.png") center center no-repeat; background-size:175px 69px; } .footer_logo a span { display:none; } .copyright { width:100%; } .copyright_inner { width:100%; padding:0 0 20px 0; display:flex; flex-wrap:wrap  } .copyright_inner ul { width:100%; list-style-type:none; margin:0; padding:20px 0 0 0; text-align:center; font-size:0.75em; line-height:120%; color:#666666; } .copyright_inner ul li { margin:0; padding:1px 0; } .copyright_inner ul li a { color:#666666; } body#index, body#request { color:#ffffff; background-color:#000000; } #index .header, #request .header { background:#ffffff; } #index .header_contacts { display:none; } #index .header_logo { background-color:#ffffff; } #index .header_logo p.logo a { width:321px; height:48px; background-image:url("/pic/logo_header_dark.png"); background-size:321px 48px; } #index .menu { background-color:transparent; background-image:none; position:absolute; } #request .content { color:#e0e0e0; } #request .content_text h1 { color:#ffffff; } .index_visual { width:100%; background-image:url("/pic/visual_1.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .index_visual_inner { width:100%; height:350px; padding:180px 0 0 0; margin:0; } .index_visual_phone { display:inline-block; margin:35px 0 0 -25px; padding:25px 35px 15px 45px; line-height:120%; color:#000000; background-color:#FFAF0F; border-radius:0 60px 60px 0; box-shadow:0 -3px 6px rgba(0,0,0,0.5); } .index_visual_phone h1 { padding:0px; margin:0px; font-family:Helvetica; font-size:40px; font-weight:normal; text-align:left; } .index_visual_phone h1 span.material-icons { margin-top:-9px; color:#000000 !important; font-size:39px; } .index_visual_phone h1 span.index_visual_title { display:none; } .index_visual_phone p { margin:0; padding:0 0 0 57px; font-size:13px; } .index_visual_phone a { color:#000000; text-decoration:none; } .index_visual_text { display:none; } .index_content { width:100%; } .index_content_inner { width:100%; padding:20px 20px 0px 20px; } .index_content_inner p { color:#b0b0b0; } .index_reviews { width:100%; } .index_reviews_inner { width:100%; padding:20px 20px 0px 20px; } .index_reviews_inner h2 { font-size:2.1em; line-height:110%; font-weight:300; text-align:left; } .index_reviews_logos { display:flex; flex-wrap:wrap; justify-content:space-between; } .index_reviews_logos p a.logo_yelp { display:inline-block; width:112px; height:79px; background:transparent url("/pic/reviews_yelp.png") center center no-repeat; background-size:112px 79px; } .index_reviews_logos p a.logo_google { display:inline-block; margin-left:25px; width:121px; height:74px; background:transparent url("/pic/reviews_google.png") center center no-repeat; background-size:121px 74px; } .index_reviews_logos p a span { display:none; } .index_gallery { width:100%; } .index_gallery_inner { width:100%; padding:5px 20px 30px 20px; } .index_gallery_inner h2 { font-size:2.1em; line-height:110%; font-weight:300; text-align:left; } .index_gallery_inner ul { margin:45px 0 0 0; padding:0; list-style-type:none; display:flex; flex-wrap:wrap; align-items:center; } .index_gallery_inner ul li { font-size:1em; margin:0 35px 35px 0; } .index_gallery_inner ul li img { width:100%; } #index .footer_inner .material-icons, #request .footer_inner .material-icons { color:#ffffff; } #index .footer_inner, #request .footer_inner { color:#ffffff; background-color:#333333; } #index .footer_inner ul li a, #request .footer_inner ul li a { color:#ffffff; } #index .footer_logo a, #request .footer_logo a { background-image:url("/pic/logo_footer_dark.png"); } @media screen and (min-width:981px) { .header_inner, .menu_inner, .content_inner, .footer_inner, copyright_inner { width:980px; margin-left:auto; margin-right:auto; } } @media screen and (min-width:481px) { .header_contacts { display:flex; flex-wrap:wrap; justify-content:space-between; order:0; } .header_contacts ul { display:block; } .header_contacts ul li { margin-left:10px; } .header_contacts p { display:block; } } @media screen and (min-width:481px) and (max-width:680px) { .header_contacts ul li:nth-child(2) { display:none; } } @media screen and (min-width:320px) { .header_logo p.logo a { width:305px; } } @media screen and (min-width:481px) { .header_logo { height:110px; background-color:transparent; margin-bottom:-110px; } .header_logo p.menu_button { display:none; } .header_logo p.logo a { width:448px; height:92px; background:transparent url("/pic/logo_shadow.png") center center no-repeat; background-size:448px 92px; } } @media screen and (min-width:320px) { .section_header { justify-content:flex-start; } } @media screen and (min-width:481px) { .menu_main { padding-top:125px; display:block; margin:auto; text-align:center; } .menu_main ul { display:inline-block; margin:auto; width:auto; max-width:90%; padding:3px; } .menu_main ul li a { padding:6px 8px 4px 8px; } } @media screen and (min-width:769px) { .content_narrow { margin:auto; width:calc(100% - 200px); } .content_text { min-height:450px; } } @media screen and (min-width:641px) { .reviews_list_cell { width:calc((100% - 40px) / 2); margin-right:20px; } .reviews_list_cell:last-child { margin-right:0; } } @media screen and (min-width:320px) and (max-width:480px) { .gallery li { width:calc((100% - 20px) / 2); margin-right:20px; } .gallery li:nth-child(2n) { margin-right:0; } } @media screen and (min-width:481px) and (max-width:640px) { .gallery li { width:calc((100% - 60px) / 3); margin-right:30px; } .gallery li:nth-child(3n) { margin-right:0; } } @media screen and (min-width:641px) { .gallery li { width:calc((100% - 120px) / 4); margin-right:40px; } .gallery li:nth-child(4n) { margin-right:0; } } @media screen and (min-width:481px) { .general_form .middle { width:50%; min-width:200px; } .general_form .short { width:25%; min-width:100px; } .general_form_submit input { width:50%; min-width:200px; } } @media screen and (min-width:769px) { .general_form dl dt { padding-right:15px; position:absolute; width:220px; text-align:right; } .general_form dl dd { padding-bottom:1em; padding-left:220px; } .general_form_submit { padding-left:220px; } .general_form_required { padding-left:220px; } } @media screen and (min-width:460px) and (max-width:590px) { .footer_inner section:nth-child(1) { width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .footer_inner section:nth-child(2) { order:-1; width:50%; } .footer_inner section:nth-child(3), .footer_inner section:nth-child(4) {  width:50%;  } .footer_inner a { margin-left:0; } } @media screen and (min-width:591px) and (max-width:840px) { .footer_inner section:nth-child(1) {  width:50%;  } .footer_inner section:nth-child(2) { display:none; } .footer_inner section:nth-child(3), .footer_inner section:nth-child(4) {  width:25%;  } } @media screen and (min-width:841px) { .footer_inner section:nth-child(2) {  width:auto;  flex-grow:1; } } @media screen and (min-width:981px) { .index_visual_inner, .index_content_inner,  .index_reviews_inner, .index_gallery_inner { width:980px; margin-left:auto; margin-right:auto; } } @media screen and (min-width:481px) { #index .header_logo { position:static; height:132px; margin-bottom:0; } #index .header_logo p.logo { padding:0; } #index .header_logo p.logo a { width:499px; height:62px; background:transparent url("/pic/logo_index.png") center center no-repeat; background-size:499px 62px; } } @media screen and (min-width:481px) { #index .menu_main { padding-top:25px; } } @media screen and (min-width:481px) { .index_visual_inner { height:532px; } .index_visual_phone { margin-top:200px; padding:35px 50px 20px 45px; } .index_visual_phone h1 { font-size:50px; } .index_visual_phone h1 span.material-icons { margin-top:-12px; font-size:48px; } .index_visual_phone p { font-size:16px; padding-left:70px; } } @media screen and (min-width:981px) { .index_visual { background-position:center 30%; } .index_visual_phone { border-radius:60px; } } @media screen and (min-width:320px) and (max-width:480px) { .index_gallery_inner ul li { width:calc((100% - 20px) / 2); margin-right:20px; } .index_gallery_inner ul li:nth-child(2n) { margin-right:0; } .index_gallery_inner ul li:nth-child(9) { display:none; } } @media screen and (min-width:481px) and (max-width:640px) { .index_gallery_inner ul li { width:calc((100% - 60px) / 3); margin-right:30px; } .index_gallery_inner ul li:nth-child(3n) { margin-right:0; } } @media screen and (min-width:641px) { .index_gallery_inner ul li { width:calc((100% - 120px) / 4); margin-right:40px; } .index_gallery_inner ul li:nth-child(4n) { margin-right:0; } .index_gallery_inner ul li:nth-child(9) { display:none; } } @media (min-resolution:150dpi), (-webkit-min-device-pixel-ratio:2) { .header_logo p.menu_button a { background-image:url("/pic/menu@2x.png"); } #index .header_logo p.logo a { background-image:url("/pic/logo_header_dark@2x.png"); } .section_header p a { background-image:url("/pic/arrow_header@2x.png"); } .footer_logo a { background-image:url("/pic/logo_footer_light@2x.png"); } #index .footer_logo a { background-image:url("/pic/logo_footer_dark@2x.png"); } .navigation_arrows ul li.grid { background-image:url("/pic/images_grid@2x.png"); } .navigation_arrows ul li.previous { background-image:url("/pic/arrow_prev@2x.png"); } .navigation_arrows ul li.next { background-image:url("/pic/arrow_next@2x.png"); } .index_reviews_logos p a.logo_yelp { background-image:url("/pic/reviews_yelp@2x.png"); } .index_reviews_logos p a.logo_google { background-image:url("/pic/reviews_google@2x.png"); } } @media ((min-resolution:150dpi), (-webkit-min-device-pixel-ratio:2)) (min-width:481px) { .header_logo p.logo a { background-image:url("/pic/logo_shadow@2x.png"); } }