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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
ol, ul {
list-style: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
@font-face {
font-family: 'Lazur';
src: url('/LazurskiExpOdC.otf');
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
background: url('/pic/ff.png') bottom left repeat-x, url('/pic/head.png') top center no-repeat, url('/pic/bg_t.png') top left repeat-x, url('/pic/bg.png') top left;
background: url('/pic/bg.png') top left \0/;
float:left;
width: 100%;
}
body {
color: #380000;
min-height: 1000px;
width: 900px;
margin: 280px auto 0;
font: 14px Georgia;
line-height: 20px;
background: url('/pic/head.png') top center no-repeat \0/;
margin: 0 auto 0 \0/;
padding-top: 280px \0/;
}
small {
font-size: 12px;
}
.main {
min-height: 790px;
}
.main a {
color: #ad0505;
}
.main a:hover {
text-decoration: none;
}
.menu {
left: 50%;
margin-left: -415px;
position: absolute;
text-align: center;
top: 205px;
width: 820px;
}
.menu li {
display: inline;
padding: 0 35px 0 20px;
background: url('/pic/m_r.png') center right no-repeat;
}
.menu li a {
color: #ffad5d;
text-decoration: none;
font: bold 20px 'Lazur';
text-shadow: -1px -1px 0px #7c000c;
}
.menu li a:hover {
color: white;
}
.menu li:last-child {
background: none;
padding: 0 0 0 20px;
}
.logo {
position: absolute;
top: 0;
left: 50%;
margin-left: -500px;
width: 720px;
height: 0px;
display: block;
padding-top: 180px;
overflow: hidden;
float:left;
}
.slider {
height: 420px;
padding-top: 1px;
}
.slider .desc {
position: absolute;
z-index: 8;
background: url('/pic/sl_shadow.png') top left repeat;
height: 60px;
padding: 0px 30px;
margin: 240px 0 0 20px;
border-radius: 0 15px 0 0;
}
.slider .desc h1 {
font: bold 36px 'Lazur';
color: #ffad5d;
text-shadow: 1px 1px 0px #000;
background: none;
padding: 0;
margin-bottom: 5px;
margin-top: -3px;
}
.gestk {
font: bold 36px 'Lazur';
color: #ffad5d;
text-shadow: 1px 1px 0px #000;
background: none;
padding: 0;
margin-top: -7px;
}
.slider .desc i {
color: #ffe6cd;
font-size: 16px;
}
.slider img.bg {
position: absolute;
margin-left: -20px;
z-index: 101;
top: 310px;
}
.slider img.sl {
position: absolute;
margin-left: 0px;
margin-top: 66px;
}
.slider .sk {
width: 175px;
height: 175px;
background: url('/pic/sk.png') center no-repeat;
position: absolute;
margin-left: 757px;
margin-top: -8px;
z-index: 102;
top: 310px;
color: white;
text-shadow: -1px -1px 0px #7c000c;
}
.slider .sk b {
display: block;
margin: 67px 0 0 78px;
width: 50px;
text-align: center;
font: bold italic 26px Georgia;
}
.slider .sk sup {
font-size: 14px;
}
h3 {
color: #4b3519;
padding: 3px 90px 0;
background: url('/pic/hl.png') top left no-repeat, url('/pic/hr.png') top right no-repeat;
height: 30px;
font-size: 30px;
text-align: center;
font-family: 'Lazur';
}
.schema {
display:none;
}
h1 {
font-style: normal;
color: #4b3519;
padding-left: 35px;
font-size: 36px;
background: url('/pic/pl.png') top left no-repeat;
height: 34px;
vertical-align: bottom;
padding-top: 8px;
font-family: 'Lazur';
}
.qq {
border: none;
background: url('/pic/hr2.png') top center no-repeat;
width: 900px;
height: 21px;
margin: 25px 0;
}
h4 {
font-weight: bold;
color: #4b3519;
padding-left: 35px;
font-size: 30px;
background: url('/pic/pl.png') top left no-repeat;
margin-bottom: 25px;
vertical-align: bottom;
padding-top: 8px;
padding-bottom: 5px;
font-family: 'Lazur';
display: block;
}
h4 i, h1 i {
font: italic bold 24px Georgia;
}
h1 a, h4 a, a.more {
position: absolute;
display: inline-block;
background: #750808;
border-radius: 15px;
padding: 2px 15px;
color: #ffb400 !important;
font: italic 12px Georgia;
margin-top: 3px;
margin-left: 10px;
height: 17px;
}
h4 a:hover, a.more:hover {
color: white;
text-decoration: none;
}
h5 {
font: bold italic 18px Georgia;
margin: 25px 0;
color:#4b3519;
}
.zagol2 {
font: bold italic 18px Georgia;
margin: 25px 0;
color: #4B3519;
}
.deat {
margin: 30px 0;
}
.deat i {
margin-right: 12px;
margin-right: 7px\0/;
display: inline-block;
}
.deat i span {
display: block;
position: absolute;
margin-top: -105px;
margin-left: 10px;
width: 260px;
text-align: center;
font: italic 13px Georgia;
color: #e3d1c0;
}
.deat i:last-child {
margin-right: 0;
}
.footer {
font: 14px/22px Georgia;
color: white;
clear: both;
float: left;
width: 900px;
margin-bottom:35px;
margin-top: 110px;
}
.footer a {
color: #ff9a9a;
text-decoration: undeline;
}
.footer a:hover {
color: white;
text-decoration: none;
}
.menu2 {
/*width: 900px;*/
width: 100%;
background: url('/pic/f_line.png') bottom right repeat-x;
padding-bottom: 10px;
margin-bottom: 25px;
}
.menu2 li {
display: inline-block;
padding-right: 73px;
margin-right: 33px;
background: url('/pic/bot_m.png') bottom right no-repeat;
}
.menu2 li a {
color: #ff9a9a;
text-decoration: undeline;
}
.menu2 li:last-child {
padding-right: 0;
margin-right: 0;
background: none;
}
.menu2 li.last-child {
padding-right: 0;
margin-right: 0;
background: none;
}
.copy {
float: left;
}
.soc {
float: left;
margin-left: 60px;
}
.soc a {
background: url('/pic/c_vk3.png') bottom center no-repeat;
display: block;
float: left;
width: 51px;
height: 57px;
overflow: hidden;
}
.soc a.soc2 {
background-image: url('/pic/c_fb3.png');
}
.soc a.soc3 {
background-image: url('/pic/c_tv3.png');
}
.soc a.soc4 {
background-image: url('/pic/c_gp.png');
}
.soc a.soc5 {
background-image: url('/pic/c_inst.png');
}
.soc a:hover {
background-position: top center;
}
.cont {
float: right;
text-align: right;
}
.cont .tel {
font-size: 24px;
}
.st {
border-radius: 10px;
background: #750808;
border: 1px solid white;
padding: 35px 15px;
float: left;
width: 870px;
box-shadow: inset 1px 1px 7px 0px #000;
}
.st div {
width: 386px;
padding: 0 22px;
float: left;
color: #e3d1c0;
font-size: 13px;
font-style: italic;
}
.st div img {
border: 3px solid #fff;
box-shadow: 0 0 5px #000;
margin: 15px 0;
}
.st div img.tumb {
display:none;
}
.st div h5 {
margin: 0 !important;
height: 38px;
}
.st div h5 a {
font: bold italic 16px Georgia;
color: #ff9a9a;
}
.st p a {
color: #e3d1c0;
}
img.tumb, .alignright {
float: right;
margin-left: 15px;
border: 3px solid white;
box-shadow: 0 0 5px #555;
}
ul.mini {
margin-bottom: 20px;
margin-top: 20px;
float:left;
width: 100%;
}
ul.mini li {
padding-left: 20px;
background: url('/pic/li2.png') top left no-repeat;
color: #AD0505;
font: italic 14px Georgia;
margin-bottom: 10px;
}
.pagecontent ul.mini li {
color: #380000;
}
ul.mini li b {
font-weight: bold;
color: #4b3519;
}
ul.big li {
clear: both;
}
ul.big li img {
float: left;
}
ul.big li a {
font: bold italic 16px Georgia;
display: block;
float: left;
margin: 30px 0 0 10px;
background: url('/pic/li.png') top left no-repeat;
padding-left: 25px;
height: 25px;
padding-top: 3px;
}
.st_head {
/*font: italic 12px/20px Georgia;*/
color: black;
padding-bottom: 25px;
margin-bottom: 25px;
background: url('/pic/line2.png') bottom left repeat-x;
}
.st_head h5 {
font: bold italic 16px/20px Georgia;
display: block;
margin-bottom: 10px;
}
.st_head small {
font: italic 12px Georgia;
color: #5d5d5d;
display: block;
margin-bottom: 10px;
}
.st_head small a {
color: #4b3519;
}
.st_head img {
float: left;
margin: 0 25px 20px 0;
border: 3px solid white;
box-shadow: 0 0 5px #555;
}
.wp-pagenavi, .ngg-navigation {
font: bold italic 18px Georgia !important;
color: #4b3519 !important;
}
.wp-pagenavi a, .ngg-navigation a, .ngg-navigation .current {
display: inline-block !important;
text-align: center !important;
margin: -10px 0px 0 !important;
width: 30px !important;
height: 37px !important;
padding-top: 5px !important;
}
.wp-pagenavi a, .ngg-navigation a {
font-weight: normal !important;
}
.wp-pagenavi .current, .ngg-navigation .current {
background: url('/pic/pages.png') top center no-repeat !important;
color: #fff !important;
width: 37px !important;
display: inline-block !important;
text-align: center !important;
margin: -10px 0px 0 !important;
height: 37px !important;
padding-top: 5px !important;
}
.wp-pagenavi a { text-decoration: none; }
.wp-pagenavi a:hover { color: #ffffff; }
.wp-pagenavi .pages { margin-right: 10px; }
a.raboty {
display: block;
position: absolute;
width: 320px; height: 27px;
background: url("/pic/lepnina.png") top left no-repeat;
margin-left: -20px;
margin-top: -25px;
color: #ffad5d !important;
overflow: hidden;
font: bold italic 12px Georgia;
padding: 293px 0 0 150px;
}
a.raboty img {
display: block;
position: absolute;
margin-left: -12px;
margin-top: -241px;
}
.right {
float: right;
width: 260px;
}
.right ul.mini li {
margin-bottom: 25px;
}
.tumb2, .alignleft {
float: left;
margin: 0 25px 20px 0;
border: 3px solid white;
box-shadow: 0 0 5px #555;
}
.tumb3 {
border: 3px solid #fead5c;
box-shadow: 0 0 5px #555;
margin:0 0 18px 0;
}
.tumb3:hover, .tumb4:hover {
border: 3px solid #AD0505;
}
.tumb4 {
border: 3px solid #fead5c;
box-shadow: 0 0 5px #555;
margin:0 0 18px 18px;
}
.tumb5 {
border: 3px solid white;
box-shadow: 0 0 5px #555;
}
.left {
float: left; width: 600px;
color: black;
}
.left p {
text-align: justify;
}
.left td {
border: 1px #AD0505 solid;
padding: 5px;
}
hr.hr3 {
padding-bottom: 25px;
margin-bottom: 25px;
background: url('/pic/line2.png') bottom left repeat-x;
border: none;
}
li.uslugi span {
background: url("/pic/menu2_bg.png") no-repeat scroll center top transparent;
display: none;
height: 80px;
/* height: 0px; */
margin-left: -416px;
margin-top: -2px;
left: 50%;
position: absolute;
width: 844px;
padding-top: 22px;
/*
transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s;
*/
}
li.uslugi:hover span, li.uslugi span:hover {
display: block;
/* height: 80px; */
}
li.uslugi span a {
color: #95010f;
font: normal 14px 'Georgia';
text-shadow: none;
padding: 0 20px 0 14px;
background: url('/pic/dot1.png') center right no-repeat;
text-decoration: underline;
}
li.uslugi span a:hover {
text-decoration: none;
color: #95010f;
}
li.uslugi span a:last-child {
background: none;
padding-right: none;
}
.uslugi2 a {
float: left;
text-align: right;
display: block;
height: 233px;
overflow: hidden;
width: 440px;
}
.uslugi2 a span {
display: block;
width: 440px;
overflow: hidden;
height: 233px;
text-align: right;
}
.uslugi2 a:hover img {
margin-left:-442px;
}
.contT {
float: left;
clear: both;
margin-bottom: 15px;
width: 400px;
}
.contT h5 {
clear: right;
width: 310px;
margin: -5px 0 8px 0 !important;
}
.contT img {
float: left;
margin-right: 25px;
}
#ymaps-map-id_13378129455123551959 {
box-shadow: 0 0 10px -4px #333;
float: left;
border: 3px solid white;
margin-top: 15px;
}
.pagecontent {
}
.pagecontent p {
margin: 10px 0 0;
}
.cat a {
width: 25%;
height: 270px;
display: block;
float: left;
text-align: center;
}
.cat a:hover {
background: url('/pic/work_bg.png') top center no-repeat;
}
.cat a span {
display: block;
height: 230px;
}
.cat a u {
display: inline-block;
background: none repeat scroll 0 0 #750808;
border: 1px solid #fff;
border-radius: 20px 0px 20px 20px;
box-shadow: 1px 1px 7px 0 #000000 inset;
color: #ffb400;
font: 16px Georgia;
padding: 10px 25px;
}
.cat a:hover u {
text-decoration: none;
color: #ff6c00;
}
.pereshk {
width: 850px;
clear: both;
margin-bottom: 30px;
float: left;
margin-top: 0px;
}
.zaga {
line-height: 27px;
background-position-y: 11px;
height: 41px;
margin-top: 15px;
}
div.ngg-gallery-thumbnail-box {
text-align: center;
float: left;
height: 260px;
width: 25%;
margin-bottom: 65px;
font: bold italic 18px Georgia;
color: #4b3519;
}
div.ngg-gallery-thumbnail-box img {
border: 2px solid #FFAD5D;
box-shadow: 0 0 10px -4px #333333;
clear: both;
display: block;
margin: 10px auto 0;
}
div.ngg-gallery-thumbnail-box a {
color: #4b3519;
text-decoration: none;
}
div.ngg-gallery-thumbnail-box a:hover img {
border: 2px solid #750808;
}
/*
div.ngg-gallery-thumbnail-box a:before {content:attr(title)}
*/
div.ngg-gallery-thumbnail-box a small {
font: 12px Arial;
}
.ngg-navigation:before {
content: "Страницы: ";
}
.ngg-navigation {
background: url("/pic/hr3.png") no-repeat scroll center top transparent;
clear: both;
padding-top: 40px;
}
.inset_block {
border-radius: 10px;
background: #750808;
border: 1px solid white;
padding: 10px;
width: 880px;
box-shadow: inset 1px 1px 7px 0px #000;
}
.menu22 {
text-align: center;
padding: 10px 0 15px;
width: 900px;
}
.menu22 a, .menu22 b {
font: 14px Georgia;
padding: 5px;
}
.menu22 b, .menu22 strong {
color: #fdeacd;
font-weight: bold;
}
.menu22 a {
color: #ffad5d;
}
.menu23 {
height: 175px;
}
#shift_l {
float: left;
width: 37px;
margin-top: 70px;
cursor: pointer;
height: 37px;
background: url('/pic/ar3.png') top left no-repeat;
}
#shift_l:hover {
background: url('/pic/ar3.png') bottom left no-repeat;
}
#shift_r {
float: right;
width: 37px;
margin-top: 70px;
cursor: pointer;
height: 37px;
background: url('/pic/ar3.png') top right no-repeat;
}
#shift_r:hover {
background: url('/pic/ar3.png') bottom right no-repeat;
}
#shift_in {
width: 800px;
overflow: hidden;
display: block;
float: left;
height: 155px;
margin-top: 10px;
}
#shift_in a {
display: block;
width: 130px;
text-align: center;
color: #ffb400;
font: normal 14px Georgia;
float: left;
}
#shift_in a span {
display: block;
height: 110px;
margin-bottom: 10px;
}
#shift_in a span img {
width: 120px;
}
.et {
background: url('/pic/et1.png') top left no-repeat;
width: 815px;
height: 85px;
padding-left: 85px;
padding-top: 20px;
}
.et h5 {
margin: 5px 0 3px;
}
.et a {
color: #ffb400;
}
.et i, .et em {
font: italic 12px Georgia;
color: #f1ccae;
}
.et p {
margin:0;
}
.buttonon {
background: #750808;
border-radius: 15px;
padding: 2px 15px;
color: #FFB400 !important;
font: italic 12px Georgia;
margin-top: 1px;
margin-left: 2px;
height: 20px;
margin-bottom: 25px;
text-decoration: underline;
border: 0px;
line-height: 1.2;
}
.buttonon:hover {
text-decoration: none;
}
div.wpcf7-validation-errors {
border: 0px !important;
}
div.wpcf7-mail-sent-ok {
border: 0px !important;
}
@font-face {
font-family: Lazurski;
src: local("Lazurski"), url("/wp-content/themes/new/fonts/LazurskiC.otf");
font-style: normal;
font-weight: normal;
}
.scheme { display: none; }
.cart {
position: absolute;
top: 20px;
left: 50%;
margin-left: 395px;
width: 49px;
height: 39px;
display: block;
background: url("products/cart.png");
}
.cart.full {
/*background: url("products/cart-full.png");*/
}
.cart.cart-mobile {
left: 10px !important;
margin-left: 0 !important;
}
.cart-count {
position: absolute;
top: 0;
right: 0;
height: 16px;
line-height: 13px;
min-width: 16px;
text-align: center;
background: #7b000a;
border: 2px solid #ffffff;
border-radius: 9px;
color: #ffffff;
}
.cart.cart-mobile .cart-count {
height: 20px;
min-width: 20px;
}
@media only screen and (max-width: 480px) {
.cart.cart-desktop { display: none; }
}
.phones {
position: absolute;
top: 70px;
left: 50%;
margin-left: 260px;
width: 183px;
color:#95010f;
font-size:27px;
line-height:30px;
}
.phone {
font: 'Lazurski' !important;
}
.phone span {
color:#6d6d6d;
font-size:20px;
position:relative;
top:-10px;
}
.phone_desc {
font: 12px/20px Georgia;
font-style:italic;
text-align:right;
}
.phone_desc A { color: #95010F; }
.phone_desc A:hover { text-decoration: none; }
.pdf { display: inline-block; width: 22px; height: 9px; margin-right: 6px; background: url(/i/pdf_small.gif) no-repeat; }
.work-category { color: #AD0505; clear: both; text-align: center; }
.top_post_img {margin-bottom: 15px; margin-left: 0; float: left; clear: both;}
.post_h2 {
margin: 30px 0 15px 0;
}
.post_slider {
display: block;
padding-top: 20px;
}
.ngg-clear { clear: both; }
.social-likes__widget {
margin: 0.4em !important;
}
.cp_img_block {
float:left;
width:250px;
}
.cp_img_block a {
text-decoration:none;
}
.cp_img_block span {
color: #380000;
text-decoration:none;
}
.cp_img_block a:hover img {
opacity:0.7;
}
h4 {
clear: both;
}
.overflow {
overflow: hidden;
}
.fr-padding {
padding-top: 10px;
}
.fr-slider {
position: relative;
margin: 30px 0;
padding-bottom: 1px;
}
.sl-slide {
position: relative;
}
.sl-description {
background: rgba(0, 0, 0, 0.42);
padding: 5px 15px 20px 25px;
border-radius: 0 15px 0 0;
-webkit-border-radius: 0 15px 0 0;
-moz-border-radius: 0 15px 0 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 29;
overflow: hidden;
}
.sl-description h1,
.sl-description h2,
.sl-description p.gestk {
font: bold 36px 'Lazur';
color: #ffad5d;
text-shadow: 1px 1px 0px #000;
background: none;
padding: 0;
margin-top: 0px;
height: auto;
line-height: 1.1;
}
.sl-description i {
color:#FFF;
}
.fr-slider img.bg {
position: absolute;
top:-10px;
left:-25px;
z-index: 1;
}
.fr-about {
float: left;
width:470px;
/*height:535px;*/
}
.fr-more-about .buttonon {
margin:15px 0;
}
.fr-our-works {
float: right;
width:400px;
height: 380px;
}
.fr-question {
float: right;
margin-right: -16px;
}
.contact_img {
border: 3px solid white;
box-shadow: 0 0 5px #555;
}
.linkfot
{
font-size: 10px;
color: gray;
display: block;
margin-top: -8px;
float: left;
width: 100%;
margin-bottom: 8px;
text-align: right;
}
.linkfot a
{
text-decoration:none;
color:gray;
}
.linkfot a:hover
{
text-decoration:none;
color:gray;
}
.wpcf7-recaptcha { background: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; }
#jquery-overlay {
width: 100% !important;
}
/* Banner */
#Banner { width: 100%; max-width: 953px; height: auto; position: fixed; bottom: 30px; z-index: 9999; display: none; left: 50%;
background-image: linear-gradient(to right, #ec462f, #9a2a1b 21%, #ce3c28 39%, #9a2a1b 61%, #cf3c29 83%, #af3120);
}
#Banner .icon { position: absolute; display: block; width: 46px; height: 46px; left: 130px; top: 50%; margin-top: -23px; background: url(banner-icon.png) center center no-repeat; }
#Banner P { font-family: Georgia; font-size: 16px; font-weight: bold; color: #ffffff; margin-left: 300px; margin-right: 200px; line-height: 20px; padding-top: 20px; padding-bottom: 20px; letter-spacing: 0.5px; }
#Banner P SPAN { font-size: 20px; color: #E77C12; }
#Banner .close { position: absolute; display: block; width: 23px; height: 23px; right: 130px; top: 50%; margin-top: -12px; background: url(banner-close.png) center center no-repeat; }
@media screen and (max-width: 992px) {
#Banner .icon { left: 20px; }
#Banner .close { right: 20px; }
#Banner P { margin-left: 80px; margin-right: 80px; }
}
.grecaptcha-badge {
visibility: hidden;
}
ul.cert-list li {
clear: both;
}
ul.cert-list li img {
float: left;
box-shadow: 0 0 5px #333333;
}
ul.cert-list li a.link {
font: bold italic 16px Georgia;
display: block;
float: left;
margin: 40px 0 0 10px;
background: url('/pic/li.png') top left no-repeat;
padding-left: 25px;
height: 25px;
padding-top: 3px;
}
@media screen and (max-width: 992px) {
ul.cert-list li img {
float: none;
}
ul.cert-list li a.link {
float: none;
margin: -10px 0 30px 0;
background: url('/pic/li.png') top left no-repeat;
padding-left: 25px;
height: 25px;
padding-top: 3px;
}
}