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{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}
html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html *{max-height:1000000px}
body{line-height:1.2;width:100%;background:#fff;padding:0;margin:0;color:#000;width:100%;font-family: Calibri, sans-serif;}
img{border: none;}
.clear {
clear: both;
}
.bold {
font-weight: 700;
}
html {
background: #fec901 url(images/bg-pattern.png) top center repeat;
}
body {
background: url(images/bg.jpg) top center no-repeat; width: 100%;
}
#carousel-bl {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}
#carousel-bl img {
width: 290px; 
height: 190px;
}
.lupa {
position: absolute; top: -48px; left: 50%; display: block; width: 84px; height: 84px; 
margin: 0px 0px 0px -42px; padding: 0px 0px 0px 0px; text-align: center; 
background: rgba(255, 255, 255, 0.7); 
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; 
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.lupa:hover {
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.6); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.6); box-shadow: 0 5px 5px rgba(0,0,0,.6);
cursor: pointer;
}
.lupa:before {
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
bottom: 12px;
left: 35px;
margin: 0px 0px 0px 0px;
background: url(images/lupa.png) top center no-repeat;
}
.copy-brevis {
display: inline-block;
position: relative;
text-decoration: underline;
color: #333e46;
font-size: 12px;
line-height: 14px !important;
}
.copy-brevis:before {
content: "";
display: block;
width: 41px;
height: 61px;
position: absolute;
top: -5px;
left: -52px;
margin: 0px 0px 0px 0px;
background: url(images/brevis.png) top center no-repeat;
}
.copy-brevis:hover {
text-decoration: none;
}
#wrapper {
width: 100%; padding: 150px 0px 150px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#wrapper #head-bg {
z-index: 98; position: absolute; top: 0px; left: 0px; background: url(images/head-bg.png) top center no-repeat; width: 100%; height: 156px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#wrapper #header-bg {
z-index: 99; position: absolute; top: 0px; left: 0px; background: url(images/header-bg.png) top center no-repeat; width: 100%; height: 380px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#wrapper .w-center {
background: #fff; width: 1220px; position: relative; margin: 0 auto; padding: 0px 0px 12px 0px; -moz-box-shadow: 0 6px 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.4); box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
#wrapper .container {
width: 1140px; color: #000; margin: 0 auto; padding: 0px 0px 0px 0px; text-align: left;
}
#wrapper .container-footer {
position: relative; width: 1200px; height: 249px; color: #000; margin: 0 auto; margin-top: 13px; padding: 4px 0px 14px 0px; text-align: left;
}
#wrapper .container-footer #border-t {
position: absolute; top: 0px; left: 0px; height: 4px; width: 100%; background: #b8beca; border-radius: 10px;
}
#wrapper .container-footer #border-b {
position: absolute; bottom: 0px; left: 0px; height: 4px; width: 100%; background: #2d3941; border-radius: 10px;
}
.sidebar {
z-index: 100; position: relative; width: 310px; margin: -100px -20px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: inline-block; vertical-align: top;
}
.sidebar .widget {
margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.sidebar .widget .zagolovok {
display: block; margin: 0px 0px 0px 0px; padding: 13px 0px 19px 0px; text-align: center; font-size: 24px;
}
.sidebar .logo {
margin: 0px 0px 0px 0px; padding: 11px 0px 0px 23px; display: block; vertical-align: top;
}
.sidebar .logo a {
border: none; text-decoration: none;
}
.sidebar .logo img {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.sidebar .side-menu {
margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; vertical-align: top;
}
.sidebar .side-menu ul {
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none;
}
.sidebar .side-menu ul li {
padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; display: block;
}
.sidebar .side-menu ul li a {
padding: 14px 10px 0px 18px; margin: 0px 0px 0px 0px; display: block; background: url(images/menu-item-bg.png) top center no-repeat; height: 36px; text-decoration: none; font-weight: 700; font-size: 18px; color: #fff;
}
.sidebar .side-menu ul li a:hover {
background: url(images/menu-item-bg-hover.png) top center no-repeat;
}
.sidebar .map {
margin: 20px 0px 0px 0px; padding: 0px 0px 8px 0px; display: block; vertical-align: top; background: #ffa402; color: #fff; border-radius: 4px;
}
.sidebar .map .zagolovok {
display: block; margin: 0px 0px 0px 0px; padding: 14px 0px 20px 0px; text-align: center; font-size: 24px;
}
.sidebar .map .m {
position: relative; display: block; margin: 0 auto; padding: 0px 0px 0px 0px; text-align: center; width: 288px; height: 138px; overflow: hidden; border: 1px solid #fff; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.3); box-shadow: inset 0 1px 5px rgba(0,0,0,.3);
}
.sidebar .parnters {
margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; display: block; vertical-align: top; background: #2d3941 url(images/parnters-bg.png) top center no-repeat; color: #fff; border-radius: 4px;
}
.sidebar .parnters .zagolovok {
display: block; margin: 0px 0px 0px 0px; padding: 13px 0px 19px 0px; text-align: center; font-size: 24px;
}
.sidebar .parnters .carousel-white {
background: #fff; position: relative; display: block; margin: 0 auto; padding: 0px 0px 0px 0px; text-align: center; width: 290px; height: 190px;
}
.sidebar .counter {
position: relative; margin: 12px 0px 0px -5px; padding: 0px 0px 0px 0px; display: block; vertical-align: top; width: 317px; height: 326px; background: url(images/counter-bg.png) top center no-repeat;
}
.sidebar .counter .zag {
position: absolute; top: 148px; left: 11px; display: block; width: 300px; text-align: center; color: #c41409; font-size: 24px; font-weight: 700;
}
.sidebar .counter .numb-1 {
position: absolute; bottom: 38px; left: 22px; display: block; width: 54px; text-align: center; color: #bfbebe; font-size: 72px; font-weight: 700;
}
.sidebar .counter .numb-2 {
position: absolute; bottom: 38px; left: 92px; display: block; width: 54px; text-align: center; color: #c41308; font-size: 72px; font-weight: 700;
}
.sidebar .counter .numb-3 {
position: absolute; bottom: 70px; left: 163px; display: block; width: 34px; text-align: center; color: #c41308; font-size: 48px; font-weight: 700;
}
.sidebar .counter .numb-4 {
position: absolute; bottom: 70px; left: 213px; display: block; width: 34px; text-align: center; color: #c41308; font-size: 48px; font-weight: 700;
}
.sidebar .counter .numb-5 {
position: absolute; bottom: 70px; left: 263px; display: block; width: 34px; text-align: center; color: #c41308; font-size: 48px; font-weight: 700;
}
.sidebar .counter .txt {
position: absolute; bottom: 22px; left: 161px; display: block; width: 100px; text-align: left; color: #fff; font-size: 36px; font-weight: 700;
}
.content {
z-index: 100; position: relative; width: 800px; margin: -116px 0px 0px -20px; padding: 0px 0px 0px 0px; float: right; display: inline-block; vertical-align: top;
}
.content .head-contacts {
float: right; width: 276px; margin: 0px -20px 0px 0px; padding: 0px 0px 0px 0px; display: block; vertical-align: top;
}
.content .content-text {
color: #2d3941; font-size: 16px; line-height: 20px; margin: 54px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; vertical-align: top;
}
.content .head-contacts .icon-adres {
display: block; font-size: 18px; line-height: 18px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 55px; margin: 0px 0px 0px 0px; background: url(images/icon-adres.png) top left no-repeat; background-position: 0px 0px;
}
.content .head-contacts .icon-phone {
display: block; font-size: 18px; line-height: 18px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 55px; margin: 10px 0px 0px 0px; background: url(images/icon-phone.png) top left no-repeat; background-position: 0px 0px;
}
.content .head-contacts .icon-mobile {
display: block; font-size: 18px; line-height: 18px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 55px; margin: 10px 0px 0px 0px; background: url(images/icon-mobile.png) top left no-repeat; background-position: 0px 0px;
}
.content .head-contacts .icon-mail {
display: block; font-size: 18px; line-height: 18px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 55px; margin: 10px 0px 0px 0px; background: url(images/icon-mail.png) top left no-repeat; background-position: 0px 2px;
}
.content .head-contacts .icon-adres span, .content .head-contacts .icon-phone span, .content .head-contacts .icon-mobile span, .content .head-contacts .icon-mail span {
font-style: italic; font-weight: 400; display: block; font-size: 16px;
}
.content .page-title {
display: block; padding: 13px 0px 17px 25px; margin: 0px 0px 5px 0px; font-weight: 400; color: #fff; font-size: 30px; border: radius: 4px; background: #2d3941; line-height: auto;
}
.content p {
padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
.foot {
position: relative; width: 600px; padding: 14px 0px 0px 53px; z-index: 99;
}
.foot .f-logo {
border: none; text-decoration: none; float: left; width: 280px;
}
.foot .f-logo img {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.foot .f-logo:hover{
opacity: 0.8;
}
.foot .info {
float: left; width: 300px; margin: 12px -50px 0px 36px;
}
.foot .info .icon-adres {
font-style: italic; display: block; font-size: 14px; line-height: 20px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px;
}
.foot .info .icon-phone {
font-style: italic; display: block; font-size: 14px; line-height: 20px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 0px; margin: 11px 0px 0px 0px;
}
.foot .info .icon-mobile {
font-style: italic; display: block; font-size: 14px; line-height: 20px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 0px; margin: 12px 0px 0px 0px;
}
.foot .info .icon-mail {
font-style: italic; display: block; font-size: 14px; line-height: 20px; color: #0e527d; font-weight: 700; padding: 8px 0px 0px 0px; margin: 12px 0px 0px 0px;
}
.foot .info .icon-adres span, .foot .info .icon-phone span, .foot .info .icon-mobile span, .foot .info .icon-mail span {
font-weight: 400;
}
.copy {
position: absolute; top: 139px; left: 705px; width: 100px; padding: 0px 0px 0px 0px; z-index: 99;
}
.gruzovik {
position: absolute; top: -65px; right: 5px; z-index: 98;
}