/* attestation.to78.ru */ @font-face { font-family:RobotoSlab-Regular; src:url('/style/fonts/roboto-slab/RobotoSlab-Regular.ttf'); font-weight:normal; font-display: fallback; } @font-face { font-family:RobotoSlab-Bold; src:url('/style/fonts/roboto-slab/RobotoSlab-Bold.ttf'); font-display: fallback; font-weight:bold; } @font-face { font-family:RobotoSlab-Light; src:url('/style/fonts/roboto-slab/RobotoSlab-Light.ttf'); font-weight: 300; font-display: fallback; } html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { 	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; }/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { 	display: block; }body { 	line-height: 1; }ol, ul { 	list-style: none; }blockquote, q { 	quotes: none; }blockquote:before, blockquote:after,q:before, q:after { 	content: ''; 	content: none; }table { 	border-collapse: collapse; 	border-spacing: 0; } html { 	height: 100%; }article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { 	display: block; } html,body { height: 100%; }body { display: flex; flex-direction: column; font-family: 'RobotoSlab-Regular', serif; font-weight:normal; color:rgba(61,61,61,1.00); } .wrapper { flex: 1 0 auto; } .header { min-height:125px; }p { line-height:1.33; margin:0 0 18px; }p a { color:rgba(233,131,81,1.00); }p strong { font-family: 'RobotoSlab-Bold', serif; font-weight:bold; }h2 a { color: rgba(61,61,61,1.00); text-decoration:none; }input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .green-header-box { width:100%; height:77px; border-top:3px solid rgba(93,198,242,1); background: rgb(50,169,219,1); background: -moz-linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); background: -webkit-linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); background: linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); } .header-container { width: 100%; max-width: 1170px; margin: -3px auto 0; height:80px ; display:flex; } .container { width: 100%; max-width: 1170px; margin: 0 auto; overflow:hidden; min-height:70%; } .logo { width:350px; height:76px; overflow:hidden; background:#fff; text-align:center; padding-top: 4px; } .logo a { color: rgba(15,154,212,1); text-decoration:none; padding:18px 0 18px; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 26px; width:100%; display:block; } .logo-purple-line { 	width:350px; color:#fff; line-height:1.3; background:rgba(233,131,81,1.00); text-align:center; height:40px; display: flex; align-items: center; justify-content:center; font-size:14px; } .header-contact { width:260px; height:80px; overflow:hidden; background:#fff; text-align: left; padding:0; } .header-menu-box { width:560px; height:120px; } .header-icon { height:80px; padding:7px 0 0 10px; } .header-icon img { max-width:100%; height:auto; opacity:0.6} .header-menu ul { margin:0 0 0 20px; } .header-menu ul li { display:inline-block; color:rgba(46,46,46,1.00); margin:0; } .header-menu ul li span { display:inline-block; } .header-menu ul li span:before { position: relative; width:6px; height:6px; content:""; display:inline-block; background:rgba(241,83,139,1.00); margin:0 10px 0 10px; padding:0; vertical-align: middle; } .header-menu ul li a { display: inline-block; color:rgba(46,46,46,1.00); text-decoration:none; font-size:16px; text-align:left; padding:5px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-menu ul li a:hover { color:rgba(233,131,81,1.00); } .header-logo-line { width:350px; } .header-menu-line { width:560px; } .header-city { font-size:13px; padding:15px 0; padding:15px 0 0 50px; } .header-phone { font-size:22px; padding:2px 0; line-height:1;} .header-phone span { font-size:24px; } .header-phone a { color:rgba(46,46,46,1.00); text-decoration:none; font-size:20px; display:block; width:100%; background:url(/images_sto/m-phone.svg) no-repeat 20px 6px; background-size:20px; padding:2px 0 2px 50px; line-height:1;} .header-geo { font-size:12px; position:relative; padding:0 0 2px 80px; } .geo-sel { width:20px; height:20px; position:absolute; top:3px; right:9px; background:rgba(255,255,255,0); color:#9acd7c; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; border:1px solid #9acd7c; text-align:center; background: url(/images_sto/plus.svg) no-repeat center center; background-size:15px; } .header-soc { padding:3px ; text-align: center; } .header-soc a { margin:0 2px; display:inline-block; } .header-soc img { max-width:28px; height:auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .header-soc img:hover {opacity:0.8; box-shadow: 0 0 2px rgba(232,232,232,1.00)} .flex-wrapper { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; } .flex-container { padding:10px; width:100%; height:100%; align-content:stretch; } .price-box{ margin:40px 0 ;} .flex-box { -webkit-flex-shrink:2; flex-shrink: 2; width:50%; } .flex-container { display: -webkit-flex; display:flex; align-items:center; justify-content:center; } .flex-container.banner-home { padding:0; width:100%; height:100%; align-content:stretch; } .main-page h1 { color:rgba(233,131,81,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:36px; } .main-page ul { margin:29px 0 0 20px; } .main-page ul li strong{ font-family: 'RobotoSlab-Bold', serif; font-weight:bold;font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; } .main-page ul li { padding:5px 10px 5px 25px; } .main-page ul li { padding:5px 10px 5px 25px; line-height: 1.35;} .main-page ul li:before { position: relative; width:9px; height:9px; border-radius:50%; content:""; display:inline-block; background:rgba(233,131,81,1.00); margin:0 10px 0 10px; padding:0; vertical-align: middle; } ul.liner li { margin: 10px 10px 0 10px; padding: 0; vertical-align: middle; } ul.liner li::before { position: relative; width: 6px; height: 6px; border-radius: 50%; content: ""; display: inline-block; background: rgba(233,131,81,1.00); margin: 0 10px 0 10px; padding: 0; vertical-align: middle; } .page-form { text-align:center; margin:50px 0 20px; } .page-form input[type="submit"] { color:#fff; background: rgba(233,131,81,1.00); text-align:center; border:1px solid rgba(233,131,81,1.00); border-radius:3px; padding:10px 18px; font-size:16px; display:inline-block; margin:0 10px; vertical-align:top; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .page-form input[type="submit"]:hover { box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(233,131,81,1.00); cursor:pointer;} .info span {font-family: 'RobotoSlab-Bold', serif; font-weight:bold; display:inline-block; padding-right:10px} .chess p.price { font-size:25px; text-align:center} .chess p.price a{ font-size:14px; text-decoration:none; display:block; color: rgba(233,131,81,1.00);background:rgba(255,255,255,1.00) ; text-align: center; border: 1px solid rgba(233,131,81,1.00); border-radius: 3px; padding: 4px 10px; font-size: 14px; margin: 10px auto 30px; vertical-align: top; max-width:120px; opacity:0.8; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .chess p.price a:hover { opacity:1; color: rgba(255,255,255,1.00);background:rgba(233,131,81,1.00) ;} .price span { font-family: 'RobotoSlab-Bold', serif; font-weight: bold; display: inline-block; padding: 0; font-size: 24px; } a.ct{ text-decoration: none; font-size:22px;color: rgba(61,61,61,1.00); letter-spacing:0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} a.ct:hover{ text-decoration: none; font-size:22px;color: rgba(233,131,81,1.00);} .page-form input[type="tel"] { color: #746f6f; background: rgba(255,255,255,1.00); text-alignleft; border:1px solid rgba(140,140,140,0.65); border-radius:3px; padding:9px 18px; font-size:18px; display:inline-block; margin:0 10px; vertical-align:top; }::-webkit-input-placeholder { color:rgba(140,140,140,0.7); }::-moz-placeholder { color:rgba(140,140,140,0.7); } :-moz-placeholder { color:rgba(140,140,140,0.7); } :-ms-input-placeholder { color:rgba(140,140,140,0.7); } .category-wrapper { padding:30px; width:100%; position:relative; } .category-box { border:5px solid rgba(152,203,122,1); min-height:300px; padding:15px; } .category-main { margin:60px 0; } .category-top { margin:-35px 0 0 0; background:#fff; text-transform:uppercase; padding:7px 12px; display:flex; flex-wrap: no-wrap; align-items:stretch; } .category-title { -webkit-flex-grow: 1; flex-grow: 1; vertical-align:bottom; font-size:20px; } .category-cost { -webkit-flex-grow: 1; flex-grow: 1; text-align:right; vertical-align:bottom; color:rgba(241,83,139,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:34px; margin:-9px 0 0 0; } .category-cost span.ot { font-size:16px; } .category-cost span.rub { font-size:28px; } .category-order { display:block; text-align: right; } .category-order a { text-transform:none; background:rgba(104,173,79,1); color:#fff; display: inline-block; margin:10px 20px 0; padding:7px 18px 9px; font-size:14px; border-radius:15px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; text-decoration:none} .category-title ul li { -webkit-flex-grow: 1; flex-grow: 1; vertical-align:bottom; font-size:20px; } .category-top ul { margin:20px 0 0 0; } .category-top ul li { display:block; color:rgba(46,46,46,1.00); margin:0; text-transform:none; font-size:14px; padding:5px; } .category-top ul li:before { position: relative; width:6px; height:6px; content:""; display:inline-block; background:rgba(241,83,139,1.00); margin:0 10px 0 10px; padding:0; vertical-align: middle; } .category-top ul.select-type { margin:20px 0; } .category-top ul.select-type li { display:block; color:rgba(46,46,46,1.00); margin:0; text-transform:none; font-size:14px; padding:3px; } .category-top ul.select-type li:before { display:none; } .category-top ul.select-type li a { display:inline-block; background: none; border:1px solid rgba(255,255,255,1); border-radius:15px; color:rgba(104,173,79,1); margin:0; text-transform:none; font-size:16px; padding:7px 15px; text-decoration:none; } .category-top ul.select-type li a.active { border:1px solid rgba(152,203,122,1); } .category-img { position:absolute; bottom:0; right:0; width:300px; height:240px; } .frame-link { margin:40px 0 50px; text-align:center; } .frame-link a { display: inline-block; padding:20px 40px; text-align:center; font-size:20px; border:2px solid ; color:rgba(233,131,81,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight:bold; text-decoration:none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease} .frame-link a:hover { 

border:2px solid rgba(104,173,79,1); color:rgba(104,173,79,1); 

-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;} .flex-box-4 { -webkit-flex-shrink: 2; flex-shrink: 2; width: 25%; } .icon-block { margin:10px; } .icon-block img { display:block; margin:0 auto; width:110px; max-width:100%; height:auto; } .icon-block a { display:block; margin:10px auto; color:rgba(241,83,139,1.00); font-family: 'RobotoSlab-Bold', serif; } .icon-block p { line-height:1.35; text-align:center; margin:22px 0 0; padding:0; font-size:15px; } .icon-block .title { text-align:center; display:block; margin:15px 0 10px; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; } .icon-line { margin:120px 0 50px; } .green-line { min-height:300px; width:100%; background:url(/templates/images_sto/green-divan.jpg) center center; background-size:cover; margin:50px 0; } .green-line-cover { height:100%; width:100%; background: rgba(152,203,122,0.5); min-height:300px; } .green-line-flex { display:flex; flex-wrap: no-wrap; } .text-block { flex-grow:3; text-align: right; font-size:26px; color:#244808; padding:50px 0 50px; } .text-block p { margin:20px; } .text-block p.line-1 { font-size:32px; max-width:80%; display:inline-block; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; text-shadow:1px 1px 3px rgba(255,255,255,0.75); } .text-block p.line-1 span { font-size:80px; display:inline-block; vertical-align:top; float:right; padding:0 0 0 35px; margin:-10px; } .text-block p.line-1 span span { font-size:25px; display:inline-block; vertical-align:top; float: none; padding:0; margin:10px 0 0; } .text-block p.line-2 { font-size:20px; padding:30px 0 0; max-width:40%; display:inline-block; text-shadow:1px 1px 3px rgba(255,255,255,0.75); line-height:1.28; } .form-block { flex-grow:1; } .offer-form { width:340px; min-height:300px; margin:30px 20px; background:rgba(255,255,255,0); padding:30px 20px; }a.promo { font-family: 'RobotoSlab-Bold', serif; font-weight:bold; color: #fff; background: rgba(241,83,139,1.00); text-align: center; border: 4px solid rgba(255,255,255,1.00); padding: 10px; font-size: 26px; display: block; margin: 45px 0; width:130px; height:130px; border-radius:50%; vertical-align: top; text-decoration:none; line-height:1.1; display:flex; justify-content:center; align-items:center; } .chess-box { margin:0 0 10px ;width: 100%; } .chess-box h2 { font-size:26px; color: rgba(15,154,212,1); font-family: 'RobotoSlab-Bold', serif; font-weight:bold; padding:10px 0 0; } .chess-box h2 { overflow: hidden; text-align: center; } .chess-box h2 span { display: inline-block; vertical-align: middle; } .chess-box h2:before,.chess-box h2:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 3px; background-color: rgba(233,131,81,1.00); position: relative; } .chess-box h2:before { margin-left: -100%; left: -14px; } .chess-box h2:after { margin-right: -100%; right: -14px; } .chess { margin:25px 0 50px; display: flex; flex-wrap: wrap;align-items: flex-start;} .chess img { height:auto; } .chess p { line-height:1.3; font-size:16px; } .chess-left-flex {width:40%; } .chess-right-flex {width:60%;} .pto-info { padding: 0 0 0 20px;} .chess-left { clear: both; text-align: left; margin:40px auto 0; overflow: hidden; } .chess-right { clear: both; text-align: left; margin:40px auto 0; 		overflow:hidden;} .chess-left img { float: left; padding: 0 40px 10px 0; } .chess-right img { float: right; padding: 0 0 10px 20px; } .chess-right h3, .chess-left h3 { display: block; padding: 10px 5px; margin:0; line-height: 1.32; color: rgba(104,173,79,1); font-weight: 600; font-size: 22px; text-shadow: 0 1px 1px 2px #fff; } .chess-right h3:before { position: absolute; content: ""; width: 60px; height: 3px; margin: 15px 0 0 -70px; z-index: 10; background: rgba(233,131,81,1.00); 	} .chess-left h3:after { position: absolute; content: ""; width: 60px; height: 3px; margin: 15px 0 0 10px; z-index: 10; background: rgba(15,154,212,1); 	} .chess-line { clear: both; 		border-top: 3px solid rgba(241,83,139,1.00); text-align: left; max-width: 900px; margin:60px auto 0; } .chess-line p { margin:10px 0 10px; line-height:1.3; font-size:16px; } .chess-line p strong { font-size:22px; } .chess-line p a { color: rgba(241,83,139,1.00); 	} .chess-line p.offer1 { margin:40px auto 10px; text-align:center; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; max-width: 600px; } .chess-line p.offer2 { margin:2px 0 10px; text-align:center; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; max-width: 750px; margin:0 auto ; } .chess-line p.offer2 img{ display:inline-block; vertical-align:middle; padding:0 4px;} footer { margin:80px 0 0; flex: 0 0 auto; border-top:3px solid rgba(233,131,81,1.00); padding:3px 0 0 0; } .boxes-cts{ display: flex; flex-wrap: wrap; align-items: center;} .box_cts{ width:calc(100% / 3 - 30px); padding:5px; margin:0 0 30px} .name_cts{ font-size:28px; font-weight:600; overflow:hidden;} .name_cts img{ display:inline-block; vertical-align:middle; float:none; margin:0 0 0 25px; background: url(/images_sto/icon/round.png) no-repeat bottom left; background-size: 50px;padding: 0;} .box_cts a{ font-size:14px; text-decoration:none; display:block; color:rgba(255,255,255,1.00) ;background:rgba(233,131,81,1.00) ; text-align: center; border: 1px solid rgba(233,131,81,1.00); border-radius: 3px; padding: 6px 10px; font-size: 14px; margin: 30px auto 40px; vertical-align: top; max-width:120px; opacity:0.8; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(233,131,81,1.00);} .box_cts a:hover{ font-size:14px; text-decoration:none; display:block; color:rgba(255,255,255,1.00) ;background:rgba(104,173,79,1) ; text-align: center; border: 1px solid rgba(104,173,79,1); border-radius: 3px; padding: 6px 10px; font-size: 14px; margin: 30px auto 40px; vertical-align: top; max-width:120px; opacity:0.8; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(104,173,79,1);} .price span.rub { font-family: "RobotoSlab-Regular"; font-weight: 400; border-bottom: 0.09em solid; line-height: 0.3em; display: inline-block; width: 0.5em; opacity: 0.8; font-size: 18px; } .timer{font-size:1em; font-style:oblique; opacity:0.9; background: url(/images_sto/icon/hourglass.svg) left center no-repeat; background-size:22px; padding:4px 0 4px 20px; margin:5px 0;} .desc_cts{ font-size:0.8em; font-style:oblique; opacity:0.8; padding:5px 0 3px;} .info span.atestat_active{ display:inline-block; padding:1px 2px; background:rgba(104,173,79,1); color: rgba(255,255,255,1.00); border-radius:2px;} .mainFlaxBox{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; margin: 0 -10px 50px -10px;} .mainFlaxBox a{ width: calc(25% - 20px); padding:10px; position:relative; min-width: 250px; display:block;} .mainFlaxBox img{ width: 100%; height: auto;} .mainFlaxBox a span{ position: absolute; padding:10px; -webkit-transition: all 0.4s ease-out 0.1s; -moz-transition: all 0.4s ease-out 0.1s; -o-transition: all 0.4s ease-out 0.1s; transition: all 0.4s ease-out 0.1s; width: 180px; left: 50%; height: auto; margin: -40px 0 0 -130px; min-width: 240px; background: rgba(255,255,255,0.7); top: 50%; text-align: center; font-size: 16px; border-radius: 0; color:rgba(27,27,27,1.00) } .mainFlaxBox a span strong{ font-weight:600; padding:0 0 8px; display:block; font-size:20px; color:rgba(15,154,212,1);} .mainFlaxBox a:hover span{ background: rgba(255,255,255,0.9); -webkit-transition: all 0.4s ease-out 0.1s; -moz-transition: all 0.4s ease-out 0.1s; -o-transition: all 0.4s ease-out 0.1s; transition: all 0.4s ease-out 0.1s; padding:16px;margin: -48px 0 0 -136px;}.main-page h1.home { color: rgba(233,131,81,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 32px; text-align:center; padding:50px 0 30px; } .main-page h1.home { color: rgba(233,131,81,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 32px; text-align:center; padding:50px 0 30px; } .mainFlaxBox a span { position: absolute; padding: 10px; -webkit-transition: all 0.4s ease-out 0.1s; -moz-transition: all 0.4s ease-out 0.1s; -o-transition: all 0.4s ease-out 0.1s; transition: all 0.4s ease-out 0.1s; width: 180px; left: 50%; height: auto; margin: -40px 0 0 -100px; min-width: 200px; background: rgba(255,255,255,0.7); top: 50%; text-align: center; font-size: 16px; border-radius: 0; color: rgba(27,27,27,1.00); } .footer-container { padding:20px 0 34px; color:rgba(255,255,255,1.00); background: rgb(50,169,219,1); background: -moz-linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); background: -webkit-linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); background: linear-gradient(rgba(15,154,212,1), rgba(56, 168, 215)); } .footer-flex-box { display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1000px; margin: 0 auto; } .footer-flex { width:50%; } .footer-contacts { padding:0 10px; font-size:18px; text-shadow:1px 1px 2px rgba(0,0,0,0.2); line-height:1.3; } .footer-contacts a { color:rgba(255,255,255,1.00); text-decoration:none; } .footer-contacts div { padding:0; margin:0 0 10px; } .footer-contacts div.footer-phone a { padding:5px 0 0 35px; font-size:22px; background:url(/images_sto/w-phone.svg) no-repeat 2px 10px; background-size:24px; } .footer-contacts div.footer-company { padding:0 0 5px; font-size:18px; } .footer-contacts div.footer-phone a span { padding:5px 0; font-size:26px; } .footer-contacts div.footer-email { padding:0; font-size:16px; margin:3px 0 0; } .footer-contacts div.footer-email a { padding:6px 0 0 35px; font-size:16px; background:url(/images_sto/email.svg) no-repeat 2px 10px; background-size:22px; }::-moz-focus-outer,::-moz-focus-inner { border: 0; padding: 0; }a, input { outline: none; outline: 0; }#overlay { z-index: 300; position: fixed; background: #242424; opacity: 0.7; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }#formModalBox { box-sizing: content-box; width: 300px; height: 300px; border-radius: 0; border: none; background: #fff url(/images_sto/call-center.jpg) no-repeat left bottom; position: fixed; top: 45%; left: 50%; margin-top: -170px; margin-left: -305px; display: none; opacity: 0; z-index: 500; padding: 20px 10px 20px 300px; box-shadow: 0px 0px 10px 3px #171717; }#formModal input { border: 2px rgba(104,173,79,1) solid; width: 180px; display:block; font-size: 16px; color: #333; padding: 4px 25px; margin: 7px auto; color: #746f6f; border-radius: 20px; font-weight: normal; background: #FFF; 	height:30px; }#formModal input[type="submit"] { background: rgba(104,173,79,1) ; color: #fff; 	cursor:pointer; border: 3px solid rgba(104,173,79,1); height: 40px; border-radius: 20px; text-align: center; display: block; font-size: 16px; width: 180px; text-decoration: none; margin: 15px auto 0; padding: 8px 0 8px; }#formModal input[type="submit"]:hover { opacity:0.9; }#formModalBox #formModalBoxClose { width: 21px; height: 21px; position: absolute; top: 0px; right: 0px; cursor: pointer; display: block; font-weight: bold; color: #171717; text-align: center; padding: 3px; background: none; } .formModalTitle { font-size: 20px; text-transform: uppercase; text-align: center; color: #000; ; margin: 0; margin: 10px 0 25px; } .formModalTitle span { font-size: 16px; display:block; text-transform: none; text-align: center; color: rgba(91,99,89,1.00); margin: 0; margin: 10px ; line-height:1.34; }#loading { display:block; margin:0 auto; text-align:center; padding:10px 0 0; font-size:12px; }#formModal input[type="submit"].hid { display:none; }#formModal input[type="submit"].viz { display:block; }#formModal label { font-size: 14px; display:block; text-transform: none; text-align: center; color: rgba(91,99,89,1.00); margin: 0; margin: 0; }#formModal label.err { color:#e10101; }#formModal input.err { border: 2px #e10101 solid; }fieldset { border:none; } .good strong { display:block; margin:40px auto 10px; color:#6d8f2b; font-size:18px; text-align:center; font-weight:bold; line-height:1.3; } .good span { margin:5px auto; font-size:16px; color:#6d8f2b; padding:10px 0; display:block; text-align:center; line-height:1.3; } .modal-geo { box-sizing: content-box; } .modal-list ul { display:flex; flex-wrap:wrap; margin:0 0 50px 50px} .modal-list ul li { cursor:pointer; padding:5px 0 5px 0; margin:0 0 0 0; flex-grow: 1 1 0; width:40%; font-size:16px} .modal-list ul li:hover { } .modal-list ul li:before { position:relative; display:inline-block; width:6px; height:6px; background:rgba(104,173,79,1); content:""; vertical-align:middle; margin-right:6px; } .geo-loc { height:25px; display:flex; justify-content: flex-start; align-items:center; padding-right: 40px; line-height:1.2; } .geo-loc a { color:rgba(46,46,46,1.00)} .hide { display:none; } .page-form input.hide[type="submit"] { display:none; } .banner-preloader { border: 1px solid rgba(241,83,139,0); padding: 0; display: inline-block; margin: 0 10px; vertical-align: top; width: 146px; height: 40px; } .banner-preloader.hide { display:none; } .page-form input.error[type="tel"] { color: rgba(37,37,37,1); background: rgba(255,255,255,1.00); border: 1px solid rgba(231,0,3,1.00); } .page-form .good { max-width:400px; margin-top:-25px; } .page-form .good strong { display: block; margin: 5px auto 3px; } .page-form .good span { margin: 2px auto; line-height:1.22; padding: 3px 0; } .flex-wrapper-sec { display: -webkit-flex; -webkit-flex-wrap:no-wrap; ; flex-wrap:no-wrap; display: flex; -webkit-flex-shrink: 2; flex-shrink: 2; overflow:hidden; } .flex-box-one { /* */ width: 350px; flex-grow:0; min-width: 350px; } .flex-box-next { flex-grow:2; } .flex-container-sec { margin:5px 0 0; padding: 0; width: 100%; height: 100%; align-content: stretch; } .icon-menu-box { border:5px solid rgba(152,203,122,1); } .icon-menu-box ul { display: -webkit-flex; display: flex; align-content: stretch; flex-wrap:wrap; align-items: flex-start; justify-content: flex-start; margin:10px 0 0 ; } .icon-menu-box ul li { width:50%; margin:0 0 10px; } .icon-menu-box ul li a { display:block; text-align:center; width: auto; padding:70px 0 0; display:block; color:rgba(49,49,49,1.00); text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .icon-menu-box ul li a span { max-width:120px; display:block; margin:0 auto 10px; line-height:1.29; font-size:16px; } .icon-menu-box ul li a.icon-menu-1 { background:url(/images_sto/i1.svg) no-repeat center top; background-size:60px; } .icon-menu-box ul li a.icon-menu-2 { background:url(/images_sto/i2.svg) no-repeat center top; background-size:70px; } .icon-menu-box ul li a.icon-menu-3 { background:url(/images_sto/i3.svg) no-repeat center top; background-size:70px; } .icon-menu-box ul li a.icon-menu-4 { background:url(/images_sto/i4.svg) no-repeat center top; background-size:70px; } .icon-menu-box ul li a.icon-menu-5 { background:url(/images_sto/i5.svg) no-repeat center top; background-size:70px; } .icon-menu-box ul li a.icon-menu-6 { background:url(/images_sto/i6.svg) no-repeat center top; background-size:70px; } .icon-menu-box ul li a:hover { color:rgba(88,154,63,1); opacity:0.8; } .item-page { margin:20px 0 20px 25px; } .item-page h1 { margin:10px 0 20px; color: rgba(241,83,139,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 32px; } .item-page h1 { overflow: hidden; text-align: left; } .item-page h1 span { display: inline-block; vertical-align: middle; } .item-page h1:before,.item-page h1:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 3px; background-color: rgba(152,203,122,1); position: relative; } .item-page h1:before { margin-left: -100%; left: -14px; } .item-page h1:after { margin-right: -100%; right: -14px; } .error-box { margin:40px 0 0; } .error-box h1 { margin:10px 0 20px; color: rgba(241,83,139,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 32px; } .error-box h1 { overflow: hidden; text-align: left; } .error-box h1 span { display: inline-block; vertical-align: middle; } .error-box h1:before,.error-box h1:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 3px; background-color: rgba(152,203,122,1); position: relative; } .error-box h1:before { margin-left: -100%; left: -14px; } .error-box h1:after { margin-right: -100%; right: -14px; } .error-box a { color: rgba(241,83,139,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; } .page-text { padding:30px 0; } .breadcrumbs ul li { display:inline-block; margin:10px 0; } .breadcrumbs ul li a { font-size:14px; padding:2px; color:rgba(99,99,99,1.00); } .breadcrumbs ul li span { font-size:14px; padding:2px; color:rgba(99,99,99,0.7); } .breadcrumbs ul li a:after { 	color:rgba(99,99,99,0.6); position: relative; content: "»"; display: inline-block; background: rgba(241,83,139,0); margin: 0 4px 0 9px; padding: 0; vertical-align: middle; } .top-content img { float:left; width:200px; height:auto; padding-top: 5px;} .top-content p.short { margin: 0 0 15px 220px; line-height:1.33; } .top-content p { margin: 0 0 15px 20px; } .top-content ul { margin: 10px 0 30px 220px; line-height:1.33} .top-content ul li { padding: 5px 10px 5px 25px; } .top-content ul li::before { position: relative; width: 9px; height: 9px; border-radius: 50%; content: ""; display: inline-block; background: rgba(241,83,139,1.00); margin: 0 10px 0 10px; padding: 0; vertical-align: middle; } .service-box { display: -webkit-flex; align-content:stretch; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content: center; width:100%; -webkit-flex-shrink: 4; flex-shrink: 4; flex-direction:row; } .service { border: 0; margin:0 15px 0 15px ; width: calc(1/2*100% - (1 - 1/2)*60px); } .show { padding:5px; line-height:1.3; } .show .title { font-weight:bold; font-size:16px; text-align:center; margin:10px 0 12px; } .show .title a { text-decoration:none; color:rgba(61,61,61,1.00); } .show .title span { display:block; } .show img { display:block; margin:0 auto; max-width:60%; height:auto; } .show .cost { display:block; margin:0 auto; text-align: left; font-size:30px; color:rgba(241,83,139,1.00); margin:0 0 14px 50px; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; } .show .cost span { display: inline-block; font-size:22px; padding:0 0 0 3px; font-weight: normal; } .show .cost span { display: inline-block; font-size:18px; padding:0 3px 0 0; font-weight: normal; } .show .button { text-align: left; font-size:14px; } .show .button { margin:3px 0 10px 40px; } .show .button a.more { background: rgba(0,0,0,0.39); color: #fff; cursor: pointer; border-radius: 15px; text-align: center; display: block; font-size: 14px; width: 110px; text-decoration: none; margin: 15px 4px 0 4px; padding: 7px 0 7px; display:inline-block; line-height:1.4; } .show .button a.order { background: rgba(104,173,79,0.9); color: #fff; cursor: pointer; border: none; border-radius: 15px; text-align: center; display: block; font-size: 14px; width: 110px; text-decoration: none; margin: 15px 0 0 4px; padding: 7px 0 7px; display:inline-block; line-height:1.4; } .compare { width:100%; text-align:center; } .compare a { color:rgba(241,83,139,1.00); margin:40px 0 0; } .compare.title { text-align:center; } .compare.wrong { padding:} .compare ul { margin:20px 50px 20px 50px; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:18px; max-width:400px; color: #454545; text-align:left; } .compare.wrong ul li { padding:9px 0; background:url(/images_sto/smile-gray.svg) no-repeat right center; background-size:30px; } .compare.best ul li { padding:9px 0; background:url(/images_sto/smile-green.svg) no-repeat right center; background-size:30px; color:#54813a; } .compare.wrong .title { background:#dedfde; color: #8d8d8d; text-align:center; margin:10px 5px 0 0; padding:20px 0 20px; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:24px; height: 25px; } .compare.best .title { background:#ddefd3; color: #6caf60; text-align:center; margin:10px 0 0 5px; padding:20px 0 20px; font-family: 'RobotoSlab-Bold', serif; font-weight:bold; font-size:20px; height: 25px; }flex-container.start { align-items: start; } .one-link { text-align:center; } .one-link a { color: rgba(241,83,139,1.00); margin: 40px 0 0; } .sns { font-size:14px; line-height:1.3; } .footer-links a { color:#fff; text-decoration:none; line-height:1.4; } .footer-links a:before { background: #fff; width:5px; height:5px; content:""; position:relative; display:inline-block; margin:0 5px; vertical-align:middle; } .product-box { display: -webkit-flex; -webkit-flex-wrap: no-wrap; display: flex; flex-wrap: no-wrap; } .product-flex-text { flex-grow: 1; } .product-flex-order { flex-grow: 1; } .product-price .images img { max-width:250px; height:auto; width:250px; } .product-text { margin:15px 5px 0 0; } .top-content .product-text p { margin: 0 20px 15px 0; line-height:1.35; font-size:16px; } .product-price .cost { display: block; margin: 0 auto; text-align: center; font-size: 48px; color: rgba(241,83,139,1.00); margin: 0 0 14px; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; } .product-price .cost span { display: inline-block; font-size: 26px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .button { text-align:center; } .product-price .button a.order { background: rgba(104,173,79,0.9); color: #fff; cursor: pointer; border: none; border-radius: 20px; text-align: center; display: block; font-size: 16px; width: 120px; text-decoration: none; margin: 15px 0 0 4px; padding: 7px 0 10px; display: inline-block; line-height: 1.4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .product-price .button a.order:hover { background: rgba(104,173,79,1); } .press { margin:40px 0 65px 380px; overflow:hidden; } .product-info { margin:0; } .press h2 { margin:10px 0 20px; text-align:left; color: rgba(47,47,47,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 24px; } .press h3 { margin:50px 0 30px; text-align:left; color: rgba(47,47,47,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 20px; } .free-photo { max-width:350px; height:auto; margin:0 0 10px; display:block; } .photo-set { width:350px; height:auto; float:left; clear: both; overflow:hidden; } .press ul { margin:29px 0 0 20px; } .press ul li { padding:5px 10px 5px 20px; line-height:1.35; } .press ul li:before { position: relative; width:9px; height:9px; border-radius:50%; content:""; display:inline-block; background:rgba(241,83,139,1.00); margin:0 10px 0 -20px; padding:0; vertical-align: middle; } .footer-links .title { padding: 0 0 5px 15px; font-size: 18px; text-transform:uppercase; } .free-cost-box { margin:20px 0 50px 380px ; color:rgba(255,255,255,1.00); text-align:center; } .free-cost-box .cost { display:inline-block; margin: 0 auto; text-align: center; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 48px; color: rgba(241,83,139,1.00); vertical-align:middle; } .free-cost-box .cost span { display: inline-block; font-size: 26px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .free-cost-box a.order { background: rgba(104,173,79,0.9); color: #fff; cursor: pointer; border: none; border-radius: 20px; text-align: center; display: block; font-size: 16px; width: 120px; text-decoration: none; margin: 0 0 0 40px; padding: 9px 0 12px; display: inline-block; line-height: 1.4; vertical-align:middle; } .free-cost { border: 2px solid rgba(152,203,122,0.6); padding:20px; display:inline-block; } .page-content h2, .page-content h3 { margin: 0 0 15px 20px; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size:20px; margin:40px 10px 10px 0; } .module-position { width:350px; padding:10px 0; overflow:hidden; } .module-position img { max-width:100%; height:auto; } .category-top ul li a.service-more { display: inline-block; background: none; border: none; border-radius: 15px; color: rgba(241,83,139,1.00); margin: 15px 0 0 25px; text-transform: none; font-size: 16px; padding: 7px 15px; text-decoration: none; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; } .ya_map { text-align: left; } .ya_map img { max-width:100%; height:auto; } .pageContactBox { margin:12px 0 0 0; padding: 20px 10px 30px 0; background:url(/templates/images_sto/contact-center.jpg) no-repeat right bottom; } .pageContactBox div { font-size:20px; line-height:1.4; } .pageContactBox div.orgPhone { font-size:28px; padding:3px 0; } .pageContactBox div.orgName { font-size:28px; padding:3px 0; } .table-price-category { padding:6px 0 6px 10px; } .table-price-category.top_category { padding:6px 0 6px 0; font-family: 'RobotoSlab-Bold', serif; font-weight: bold;} .table-price-product { padding:6px 0 6px 15px; } .table-price-category.gray { background:rgba(229,229,229,1.00); } .table-price-product.gray { background:rgba(229,229,229,1.00); } .table-price-category div { display: inline-table; } .table-price-product div { display: inline-table; } .table-price-category div.name { width:50%; padding-left:10px; } .table-price-product div.name { width:50%; padding-left:10px; } .table-price-category div.name a { color:rgba(75,75,75,1.00); text-decoration:none; } .table-price-product div.name a { color:rgba(75,75,75,1.00); text-decoration:none; } .table-price-category div.cost { width:20%; color:rgba(241,83,139,1.00); font-size:20px; text-align:right; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; } .table-price-product div.cost { width:20%; color:rgba(241,83,139,1.00); font-size:20px; text-align:right; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; } .table-price-category div.cost span { color:rgba(241,83,139,1.00); font-size:14px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .table-price-product div.cost span { color:rgba(241,83,139,1.00); font-size:14px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .table-price-category div.cost span.rub { color:rgba(241,83,139,1.00); font-size:18px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .table-price-product div.cost span.rub { color:rgba(241,83,139,1.00); font-size:18px; font-family: 'RobotoSlab-Regular', serif; font-weight: normal; } .table-price-category div.post { width:24%; color:#fff; font-size:16px; text-align: right; } .table-price-product div.post { width:24%; color:#fff; font-size:16px; text-align: right; } .table-price-category div.post a { text-decoration:none; color:rgba(152,203,122,0.8); display:inline-block; padding:3px 10px; border-radius:12px; text-align: center; ; font-size:14px; margin:0 0 5px; } .table-price-product div.post a { text-decoration:none; color: rgba(152,203,122,0.8); display:inline-block; padding:3px 10px; border-radius:12px; text-align: center; font-size:14px; margin:0 0 5px; } .sitemap li ul { margin: 0 0 0 30px; } .sitemap li ul li ul { margin: 0 0 0 30px; } .sitemap li ul li ul li ul { margin: 0 0 0 30px; } .sitemap ul li a { text-decoration:none; color:rgba(78,78,78,0.8); padding:2px 0 2px 0; display: inline-block; margin:0 0 0 15px; 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 	}	.sitemap ul li a:before { width:7px; height:7px; border-radius:50%; background:rgba(152,203,122,1) ; display: inline-block; content:""; position: relative; margin:4px 5px 0 0; vertical-align: top; } .sitemap ul li a:hover { color: rgba(152,203,122,1); } .flex-container img { max-width:100%; height:auto; } .nav-press { display: none; } .header-menu ul li.mobile-menu { display: none; } .photo-gallery { overflow:hidden; }		.contacts-soc{ padding:12px 0 0;} .contacts-soc a{ display:inline-block; margin:0 10px 0 0;} .pageContactBox div.orgPhone a {text-decoration: none; color:rgba(61,61,61,1.00); background: url(/images_sto/m-phone.svg) no-repeat 7px 15px; background-size: auto; background-size: 30px; padding: 12px 0 12px 50px;} .pageContactBox div.orgPhone a:hover {text-decoration: none; color:rgba(61,61,61,1.00); background: url(/images_sto/m-phone.svg) no-repeat 5px 12px;background-size: 35px; padding: 12px 0 12px 50px;} .pageContactBox div.orgPhone a{ animation: pulse 3s infinite; } @keyframes pulse{ 0%{ opacity: 0.75; } 50%{ opacity: 1; } 100%{ opacity: 0.75; } } .review-form{} .review-form .block-f { display:inline-block; width:auto;} .review-form input[type="tel"] { color: #746f6f; background: rgba(255,255,255,1.00); border: 1px solid rgba(140,140,140,0.65); border-radius: 3px; padding: 9px 18px; font-size: 18px; margin: 0 10px; vertical-align: top; display: block; } .review-form input[type="text"] { color: #746f6f; background: rgba(255,255,255,1.00); border: 1px solid rgba(140,140,140,0.65); border-radius: 3px; padding: 9px 18px; font-size: 18px; margin: 0 10px; vertical-align: top; display:block; } .review-form textarea { color: #746f6f; background: rgba(255,255,255,1.00); border: 1px solid rgba(140,140,140,0.65); border-radius: 3px; padding: 9px 18px; font-size: 18px; margin: 0 10px; vertical-align: top; display:block; width:500px; height:180px; } .review-form label{ display:block; padding: 25px 18px 4px; color:rgba(140,140,140,0.95); font-size:16px;} .review-form input[type="submit"] { color: #fff; background: rgba(241,83,139,1.00); text-align: center; border: 1px solid rgba(241,83,139,1.00); border-radius: 3px; padding: 10px 18px; font-size: 16px; display: block; margin: 15px 10px; vertical-align: top; } .review-form input.hide[type="submit"] { display:none;} .review-form input.hide[type="tel"] { border: 1px solid #FF0000;} .rating-area { 	overflow: hidden; 	width: 235px; 	margin: 0 0 18px; } .rating-area:not(:checked) > input { 	display: none; } .rating-area:not(:checked) > label { 	float: right; 	width: 42px; 	padding: 0; 	cursor: pointer; 	font-size: 50px; 	line-height: 50px; 	color: lightgrey; 	text-shadow: 1px 1px #bbb; } .rating-area:not(:checked) > label:before { 	content: '★'; } .rating-area > input:checked ~ label { 	color: rgba(241,83,139,1.00); 	text-shadow: 1px 1px #9f204d; } .rating-area:not(:checked) > label:hover, .rating-area:not(:checked) > label:hover ~ label { 	color: rgba(241,83,139,1.00); } .rating-area > input:checked + label:hover, .rating-area > input:checked + label:hover ~ label, .rating-area > input:checked ~ label:hover, .rating-area > input:checked ~ label:hover ~ label, .rating-area > label:hover ~ input:checked ~ label { 	color: rgba(241,83,139,1.00); 	text-shadow: 1px 1px #f9a7c4; } .rate-area > label:active { 	position: relative; } p.m30{ margin-top:30px} .review-form input.error[type="tel"] { background: rgba(255,0,4,0.05); border: 1px solid rgba(255,0,4,1.00); } .rating-result { 	width: 185px; 	margin: 0 auto 10px; } .rating-result span { 	padding: 0; 	font-size: 30px; 	line-height: 1; 	color: lightgrey; } .rating-result > span:before { 	content: '★'; } .rating-result > span.star { 	color: rgba(241,83,139,1.00); } .reviews{ margin:50px auto 20px; } .reviews-text { 	position: relative; 	background: #ffffff; 	border: 3px solid #98cb7a; 	padding:20px; border-radius:15px; } .reviews-info div{ text-align:center; } .review-avatar img{ border-radius:50%;} @media screen and (max-width: 1200px) { img { max-width:100%; height:auto; } .header-menu-line { width: auto; }	.header-menu-box { width: 100%; height: auto; } .header-icon { display:flex; justify-content:center; align-items:center; padding:0; overflow:hidden; } } @media screen and (max-width: 1100px) { .category-img { position: absolute; bottom: 0; right: 0; width: 200px; height: 160px; } .category-img img { position: absolute; bottom: 0; right: 0; width: 200px; height: 160px; } .main-page h1 { font-size: 28px; }	 } @media screen and (max-width: 1050px) { .header-contact { width: 260px; height: 80px; overflow: hidden; background: #fff; text-align: left; padding: 0; position: absolute; right: 0; top: 0; }	.header-soc { display:none; } .service { border: 0; margin: 0 10px 10px 0; width: calc(1/2*100% - (1 - 1/2)*60px); }	.flex-container.start { display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; }	.flex-container.finish { display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; } .compare.best ul li { padding: 9px 30px 0 0; line-height:1.25; 		min-height:25px; background: url(/images_sto/smile-green.svg) no-repeat right center; background-size: auto; background-size: 27px; color: #54813a; } .compare.wrong ul li { padding: 9px 30px 0 0; 		min-height:25px; line-height:1.25; background: url(/images_sto/smile-gray.svg) no-repeat right center; background-size: auto; background-size: 27px; } .chess-box { margin: 70px 15px; }.chess-left-flex {width:100%; } .chess-right-flex {width:100%;} } @media screen and (max-width: 950px) { .product-box { -webkit-flex-wrap: wrap; flex-wrap: wrap; display: flex; } .product-price { display: flex; flex-wrap: no-wrap; } .cost-button { flex: 1; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } .product-price .cost { font-size: 32px; color: rgba(241,83,139,1.00); margin: 0 ; padding:0; width:100%; } .product-price .cost span { font-size: 20px; } .product-price .button a.order { border-radius: 20px; text-align: center; display: block; font-size: 16px; width: 120px; text-decoration: none; margin: 15px auto 0; padding: 6px 0 9px; }	.top-content .product-text p { margin: 0 0 15px 0; line-height: 1.35; font-size: 16px; } .category-wrapper { padding: 30px; width: auto; position: relative; } .flex-box.for_catalog { -webkit-flex-shrink: 1; flex-shrink: 1; width:100%; } .category-wrapper { padding: 30px; width: 70%; position: relative; } .flex-container { padding: 0; width: 100%; } .main-page h1 { font-size: 28px; padding:0 0 0 15px; } .category-img { position: absolute; bottom: 0; right: 0; width: 300px; height: 240px; } .category-img img { width: 300px; height: 240px; } .text-block p.line-2 { max-width: 60%; 	}	.flex-box.for_banner_1 { width: 40%; margin:50px 0 0 0; }	.flex-box.for_banner_2 { width: 60%; margin:50px 0 0 0; }			.offer-form { width: 170px; }			.chess-box { margin: 70px 15px; }	.chess-line { clear: both; border-top: 3px solid rgba(241,83,139,1.00); text-align: left; max-width: inherit; margin: 60px 15px 0; } .footer-container { padding: 20px 15px 34px; }	.flex-box.for_banner_1 { background:url(/templates/images_sto/divan.jpg) no-repeat right center; background-size:; } .flex-box.for_banner_1 img { display:none; }			.top-content ul { margin: 10px 0 30px 0; } .top-content p.short { margin: 10px 0 30px 0; } .top-content img { display:block; float: right; width: 200px; height: auto; margin:0 0 15px 15px; }	.top-content img { display: none; } .product-price .images img { display:block; } .box_cts{ width:calc(100% / 2 - 20px); padding:5px; margin:0 0 30px;} } @media screen and (max-width: 900px) { 	.service { border: 2px solid rgba(152,203,122,0.6); margin: 0 10px 10px 0; width: calc(1/2*100% - (1/2)*30px); }		.flex-box.for_banner_1 { display:none; } .flex-box.for_banner_1 img { display:none; }	/*.flex-box.for_banner_1 { display:none; }	*/ .flex-box.for_banner_2 { width: 100%; margin:50px 0 0 0; }	.category-wrapper { padding: 30px 0; width: 95%; } ..main-page ul { margin: 0; } .flex-box-4 { -webkit-flex-shrink: 2; flex-shrink: 2; width: 50%; } .header-contact { display:none; } .header-menu-box, .header-icon { display:none; }	.footer-flex { width: 50%; margin:30px 0 10px; } .nav-press { display: block; position:absolute; width:40px; height:40px; top:10px; right:7px; z-index:150; } .nav-press span { position: relative; display:block; width:40px; height:4px; margin:8px 0; border-radius:4px; z-index:151; background:rgba(255,255,255,1.00); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .nav-press.active span.nav-press-1 { transform: rotate(45deg); margin: 18px 0 0 0; position: absolute; } .nav-press.active span.nav-press-3 { transform: rotate(-45deg); margin: 18px 0 0; position: absolute; } .nav-press.active span.nav-press-2 { display:none; -webkit-transition: all 0.5s ease 1s; } .nav-press img { max-width:40px; height:auto; } .green-header-box { height: 63px; } .logo { height: 66px; display:flex; justify-content:center; align-items:center; width:100%; padding:0; } .logo img { max-height: 66px; width: auto; }			.free-cost-box .cost { padding:0 20px; }	.free-cost-box { margin: 20px 10px 50px 10px; color: rgba(255,255,255,1.00); text-align: center; } .free-cost-box a.order { width: 120px; text-decoration: none; margin: 15px 0 0; }		.icon-menu-box { display:none; }	.flex-box-one { width: 100%; flex-grow: 0; min-width: auto; }	.flex-wrapper-sec { display: block; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: flex; -webkit-flex-shrink: 1; flex-shrink: 1; overflow: hidden; } .flex-box-one { width: 100%; flex-grow: 0; min-width: auto; order:2; } .flex-box-next { -webkit-flex-shrink: 2; flex-shrink: 2; flex-grow: 2; order:1; } .module-position { width:100%; text-align:center; padding: 10px 0; overflow: hidden; } .item-page { margin: 0 11px 20px 11px; max-width: inherit; width: auto; } .header { min-height: 110px; } .breadcrumbs ul li a::after { color: rgba(99,99,99,0.6); position: relative; content: "»"; display: inline-block; background: rgba(241,83,139,0); margin: 0 2px 0 4px; padding: 0; vertical-align: middle; } .breadcrumbs ul li { display: inline-block; margin: 2px 0; } .header-menu ul li.mobile-menu { display: block; } .header-menu-box { background: rgba(93,198,242,1); position:absolute; top:66px; right:0; width:60%; height:auto; z-index:999; } .header-menu ul { margin:24px 0; } .header-menu ul li { display: block; color: rgba(255,255,255,1.00); margin:4px 0; } .header-menu ul li a { color: rgba(255,255,255,1.00); padding:9px 6px 9px 30px; display:block; text-shadow: 1px 1px 2px rgba(88,88,88,0.22); font-size: 18px; 			 border-bottom:1px solid rgba(255,255,255,0.3); } .header-menu ul li a:hover { color: rgba(255,255,255,1.00); } .header-menu ul li span::before { display:none; } .header-menu ul li span { display:none; } .header-menu ul li:before { position: absolute; width: 4px; height: 4px; content: ""; display: inline-block; background: rgba(255,255,255,1.00); margin: 12px 0 0 15px; padding: 0; vertical-align: middle; box-shadow: 1px 1px 2px rgba(88,88,88,0.22)} .product-price .images img { display: block; max-width: 250px; height: auto; width: 250px; 		margin:0; } .product-box { -webkit-flex-wrap: wrap; flex-wrap: wrap; display: flex; } .product-price .images { flex:1; justify-content:center; align-items: flex-start; max-width:50%; } .product-price .images img { display:block; max-width: 100%; height: auto; width: 100%; } .product-flex-order { flex-grow: 1; width:100%; order:1; } .product-price { 		display:flex; flex-wrap: no-wrap; } .product-flex-text { flex-grow: 1; width:100%; order:2; } .cost-button { flex: 1; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } .product-price .cost { font-size: 32px; color: rgba(241,83,139,1.00); margin: 0 ; padding:0; width:100%; } .product-price .cost span { font-size: 20px; } .product-price .button a.order { border-radius: 20px; text-align: center; display: block; font-size: 16px; width: 120px; text-decoration: none; margin: 15px auto 0; padding: 6px 0 9px; } .product-text { margin: 30px 0 0 0; } .press { margin: 40px 0 0; overflow: hidden; } .photo-set { width: 100%; height: auto; float: none; clear: both; overflow: hidden; 		max-width: inherit; } .free-photo { max-width:100%; 		width:auto; height: auto; margin: 0 auto; display: block; } .chess-left h3::after { display:none; } .chess-left h3::before { position: absolute; content: ""; width: 60px; height: 3px; margin: 15px 0 0 -70px; z-index: 10; background: rgba(241,83,139,1.00); } .product-info { margin: 0 10px; } .compare ul { margin: 20px 10px 20px 10px; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 18px; text-align: left; } .chess { margin: 20px 0; } } @media screen and (max-width: 420px) { .logo-box{ width:calc(100% - 55px); } .logo-purple-line { width: 100%; color: #fff; line-height: 1.3; background: rgba(233,131,81,1.00); text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; } } @media screen and (max-width: 600px) { .footer-flex { width: 100%; margin: 30px 0 10px; } .box_cts{ width:100%; padding:5px; margin:0 15px 30px;}		 .item-page h1 { overflow: hidden; text-align: left; font-size:24px; }	   .header-menu-box { width: 80%; }  #formModalBox { box-sizing: content-box; width: 250px; height: 300px; border-radius: 0; border: none; background:#f8f7f4; position: fixed; top: 45%; left: 50%; margin-top: -170px; margin-left: -135px; display: none; opacity: 0; opacity: 1; z-index: 9999; padding: 20px 10px 20px; box-shadow: 0px 0px 10px 3px #171717; }   .table-price-category div.name { width: 55%; padding-left: 10px; 		padding-right:10px; } .table-price-product div.name { width: 60%; padding-left: 10px; 		padding-right:10px; }	.table-price-category div.cost { width: 35%; } .table-price-product div.cost { width: 30%; } .table-price-product div.post { width: 100%; } .table-price-category div.post { width: 100%; } .table-price-product div.post a { text-decoration: none; color: rgba(152,203,122,1); }	.modal-list ul { display: block; margin: 0 0 50px 10px; } .modal-list ul li { cursor: pointer; padding: 5px 0 5px 0; margin: 0 0 0 0; flex-grow: 1 1 0; width: 100%; font-size: 16px; } .pageContactBox { margin: 12px 0 0 0; padding: 20px 10px 30px 0; background: url(/templates/images_sto/contact-center.jpg) no-repeat right bottom; background-size:130px; }		.item-page h1 { margin: 20px 0 20px; font-size: 26px; } .pageContactBox div { font-size: 16px; line-height: 1.4; } .pageContactBox div.orgName { font-size: 22px; padding: 3px 0; }			.chess-right { text-align: left; }		.chess-left img { display:block; margin:0 auto; float: none; padding: 0; max-width:inherit; }	.chess-right img { display:block; margin:0 auto; float: none; padding: 0; max-width:inherit; } .chess-right h3, .chess-left h3 { text-align:center; }	.non-mobile { display:none; } .header-contact { display:none; } .header-menu-box, .header-icon { display:none; } .header-logo-line { width: 70%; } .page-form { text-align: center; margin: 50px 0 50px; } .category-wrapper { padding: 0; width: 100%; } .category-box { border: 5px solid rgba(152,203,122,1); min-height: 300px; padding: 15px 0; margin:10px; } .category-title { width:100%; -webkit-flex-grow:0; flex-grow: 0; vertical-align: bottom; font-size: 20px; } .category-top { margin: -35px 0 0 0; background: #fff; text-transform: uppercase; padding: 7px 12px; display: block; } .category-img { position: relative; display:block; margin:0 auto; bottom: 0; right: 0; width: 80%; height: 200px; text-align:center; } .category-img img { position: relative; width: 300px; max-width:100%; height: auto; } .category-top ul { display: none; } .category-cost { text-align: center; 		margin:20px 0 ; } .category-order { text-align: center; } .category-top { margin: 0 0 0; background: #fff; text-transform: uppercase; padding: 7px 12px; display: block; } .category-title { font-size: 18px; text-align:center; }	.footer-flex { width: 100%; margin:30px 0 10px; } .green-line-flex { display: block; } .text-block p.line-1 { font-size: 22px; max-width: 100%; padding:0; }		.text-block p.line-2 { font-size: 18px; padding: 30px 15px 0; max-width: inherit; margin:0; 		} .text-block p.line-1 span { font-size: 50px; padding: 0 0 5px 20px; margin: 0; float:none; display:block; } .logo-purple-line { width: 100%; } .offer-form { width: 100%; min-height: inherit; margin: 10px; background: rgba(255,255,255,0); padding: 0; }	a.promo { margin: 0; }	.flex-box-4 { -webkit-flex-shrink: 1; flex-shrink: 1; width: 100%; }	.chess-box h2 { font-size: 22px; line-height:1.25; } .chess-left h3::after { display:none; } .chess-left h3::before { position: absolute; content: ""; width: 60px; height: 3px; margin: 15px 0 0 -70px; z-index: 10; background: rgba(241,83,139,1.00); } .flex-wrapper { display: block; } .flex-box.for_banner_1 { display:none; } .flex-box.for_banner_1 img { display: block; } .flex-box.for_banner_2 { width: 100%; margin: 20px 0 0 0; text-align: left; } .main-page h1 { font-size: 24px; padding: 10px; } .main-page ul { margin: 25px 0 0 0; } .main-page ul li { padding: 5px 5px 5px 30px; text-align:left; } .main-page ul li::before { position: absolute; display:block; margin: 3px 0 0 -16px; padding: 0; vertical-align: middle; } .frame-link { margin: 30px 0 30px; text-align: center; } .category-main { margin: 0; } .top-content p { margin: 0 0 15px; } .flex-box { -webkit-flex-shrink: 2; flex-shrink: 2; width: 100%; } .compare ul { margin: 20px 0 20px 0; font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 16px; max-width: inherit; color: #454545; text-align: left; } .compare.best ul li { padding: 9px 30px 0 0; line-height:1.25; 		min-height:25px; background: url(/images_sto/smile-green.svg) no-repeat right center; background-size: auto; background-size: 27px; color: #54813a; } .compare.wrong ul li { padding: 9px 30px 0 0; 		min-height:25px; line-height:1.25; background: url(/images_sto/smile-gray.svg) no-repeat right center; background-size: auto; background-size: 27px; } .compare.best .title { margin:10px 0 30px 0; width:100%; } .compare.wrong .title { margin:20px 0 0; width:100%; } .one-link { margin:20px 0 ; } .top-content ul li { padding: 5px 0 5px 30px; } .top-content ul li::before { position: absolute; width: 9px; height: 9px; border-radius: 50%; content: ""; display: block; margin: 7px 0 0 -20px; padding: 0; vertical-align: middle; } .green-line { margin-top:10px; } .chess-box { margin: 0; padding:0 12px } .product-price .cost { font-size: 32px; color: rgba(241,83,139,1.00); margin: 0 0 14px; padding:20px 0 0; }} @media screen and (max-width: 550px) { 		.service { border: 2px solid rgba(152,203,122,0.6); margin: 0 auto 10px ; width: 90%; } .product-price { display: block; } .product-price .images { flex: 1; justify-content: center; align-items: flex-start; max-width: 100%; width:100%; overflow:hidden; } .product-price .images img { display: block; max-width: 100%; height: auto; width: auto; margin:0 auto; float:none; } .product-price { display: block; margin: 0 0 20px; } .item-page h1 { margin: 20px 0 20px; font-size: 22px; line-height:1.2; } .review-form textarea { width: auto;} .chess-box { margin: 10px 0; padding: 0 ; } .chess p { font-size: 16px; } p { margin: 0 0 18px;padding: 0 15px ; } } @media screen and (max-width: 450px) { 	.banner-preloader { display:block; margin: 10px auto 14px; } .top-content img { display:none; } .page-form input[type="submit"] { margin:15px auto; display:block; } .flex-box-one { width: 100%; flex-grow: 1; min-width: inherit; order:3; } .flex-box-next { -webkit-flex-shrink: 1; flex-shrink: 1; flex-grow: 2; order:1; width: 100%; } .item-page { } .pageContactBox { background: none; } .module-position { order:1; } .flex-wrapper-sec { display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: flex; overflow: hidden; } .flex-container-sec { /*-webkit-flex-wrap: wrap; flex-wrap: wrap; display:flex; */ display:block;} .chess-line p.offer1, .chess-line p.offer2 { font-size:16px; 	}}	 @media screen and (max-width: 400px) {.pageContactBox div.orgPhone a { font-size:22px; color: rgba(61,61,61,1.00); background: url(/images_sto/m-phone.svg) no-repeat 7px 15px; background-size: auto; background-size: auto; background-size: 24px; padding: 12px 0 12px 50px; }	.pageContactBox div.orgPhone a span { font-size:26px;} .logo a { font-size: 20px; } } .photos img{ float:none; width:100%; height:auto; max-width:100%; padding: 30px 0 0;} .mainFlaxBox{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; margin: 0 -10px 50px -10px;} .mainFlaxBox a{ width: calc(25% - 20px); padding:10px; position:relative; min-width: 250px; display:block;} .mainFlaxBox img{ width: 100%; height: auto;}  .main-page h1.home { color: rgba(233,131,81,1.00); font-family: 'RobotoSlab-Bold', serif; font-weight: bold; font-size: 32px; text-align:center; padding:50px 0 30px; } .imgMap{ min-height:100px; min-width:300px;} .footer-contacts div.location{ padding: 5px 0 0 35px; font-size: 18px; background: url(/images_sto/w-geo.svg) no-repeat 2px 2px; background-size: auto; background-size: 22px; min-height: 30px;} @media screen and (max-width: 600px) { .mainFlaxBox a{ width: calc(100% - 20px); padding:10px; position:relative; min-width: 250px; display:block; margin:0 auto;} }
.directive-boxes{display: flex;
flex-wrap: wrap;
align-items: center; margin:40px 0;}

.directive-box-img {width: calc(100% / 4 - 24px);
padding: 5px; margin: 0;}
.directive-box-text {width: calc(100% / 2 - 30px);
padding: 10px;
margin: 0; }
.directive-box-text span{ display:block; margin:0 0 5px;}
.directive-box-text img{ padding:0 10px 0 0; margin:0; float:none; clear:both; display:inline-block; vertical-align:bottom; opacity:0.7; 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 	 }
.directive-box-text a:hover img{ opacity:1; 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 	}.directive-box-text a { text-decoration:none;}
.directive-box-text a:hover { text-decoration: underline;}
.directive-box-img img {width: 100%; height:auto; padding:0; border:1px solid rgba(15,15,15,0.05); 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 	}
.directive-box-img img:hover {border:1px solid rgba(15,15,15,0.2);; 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 	}
@media screen and (max-width: 950px){
	
	.directive-box-img {width: calc(100% / 2 - 10px);
padding: 5px; margin: 0;}
.directive-box-text {width: calc(100% - 30px);
padding: 10px;
margin: 0; }}
  @media screen and (max-width: 600px){
.directive-box-text {
  width: 100%;
  padding: 0;
  margin: 0;
}}