/* BASE STYLE */ 
html, body {min-height: 100% !important; height: 100%;}
body {display: table; width: 100%; position: relative; z-index: 0; margin: 0; padding: 0;
-webkit-font-smoothing: antialiased;
}
body canvas {z-index: 1 !important;}
a {cursor: pointer;}
em {font-style: italic;}
strong {font-weight: bold;}
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
input[type="image"] {cursor: pointer;}
input[type="radio"], input[type="checkbox"] {position: relative; top: 2px;}
address, caption, cite, code, dfn, strong, th, var {font-style: normal;}
ol, ul {list-style: none;}
hr {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #D3D3D3;}
caption,th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; margin: 0;}
input[type="image"] {cursor: pointer;}
iframe {border: 0 inset !important;}
textarea {resize: none;}
input {outline: 0 !important;}
/*MAIN STYLE*/
@font-face{
font-family:"PF Agora Sans Pro Regular";
src:url(font/PFAgoraSansPro-Reg.ttf);
}
@font-face{
font-family:"PF Agora Sans Pro Medium";
src:url(font/PFAgoraSansPro-Medium.ttf);
}
@font-face{
font-family:"PF Agora Sans Pro Bold";
src:url(font/PFAgoraSansPro-Bold.ttf);
}
@font-face{
font-family:"PF Agora Sans Pro Black";
src:url(font/PFAgoraSansPro-Black.ttf);
}
@font-face{
font-family:"AG Letterica Compressed Roman";
src:url(font/AGLettericaCompressed Roman.ttf);
}
@font-face{
font-family:"AG Letterica Condensed Roman";
src:url(font/4430237.ttf);
}
body{
margin:0;
padding:0;
height:100%;
font:14px "PF Agora Sans Pro Regular", Verdana, sans-serif;
background:url(images/bg.jpg) no-repeat 50% 0 fixed;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
a{
text-decoration:none;
}

.site{display: table; padding-bottom: 230px; width: 1280px;
position:relative;
margin:0 auto;
min-height:100%;
}
.white{
background:rgb(255,255,255);
background:rgba(255,255,255,.8);
}
.header{
background:white;
position:relative;
height:163px;
}
.h-2{
-moz-box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
-webkit-box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
}
.main2{
	width: 1100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
margin:0 auto;
}
.header>div{
	position:relative;
}
.header>div>p{
position:relative;
width:30%;
top:16px;
left:0;
font:1.5em "PF Agora Sans Pro Medium", Verdana, sans-serif;
color:#873110;
}
.header>div>p a, #menu>div>a{
color:#873110;
}
.header>div>p a:hover, #menu>div>a:hover{
color:#510a08;
}
.header>div>a{
position:absolute;
display:block;
top:4px;
left:50%;
margin-left:-159px;
width:318px;
}
.header>div>a img{
width:100%;
}
.header>div>div:first-child{
float:right;
margin-top:13px;
position:relative;
}
#call-button{
width:86px;
height:86px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
border:1px solid #99cbfe;
float:right;
}
.header>div>div:first-child a{
display:block;
color:#5d5d5d;
font:1.6em "PF Agora Sans Pro Bold", Verdana, sans-serif;
margin:33px 96px 0 0;
text-align:right;
line-height:1.2;
}
.header>div>div:first-child a:hover{
color:#99cbfe;
}
#menu{
position:absolute;
left:50%;
	margin-left: -640px;
top:122px;
width:1280px;
height:40px;
background:white;
}
#menu form{position: relative; top: 4px;
display:block;
width:194px;
height:24px;
border:none;
background:url(images/search-bg.jpg) no-repeat;
padding:3px 0 3px 10px;
float:right;
overflow:hidden;
}
#menu form input{
display:block;
border:none;
float:left;
}
#menu form input[type="text"]{
width:160px;
height:20px;
}
#menu form input[type="submit"] {display: block; width: 20px; height: 20px; background-color: transparent; background-image: url(images/search1.jpg);}
#menu>div>ul{
display:block;
width:78%;
padding:9px 0 0;
}
#menu>div>ul>li{
position:relative;
float:left;
overflow:visible;
}
#menu>div>ul>li>a{
display:block;
font:bold 1em arial, sans-serif;
text-transform:uppercase;
color:#96520b;
text-align:center;
padding:0 14px;
border-right:2px solid #d9d9d9;
}
#menu>div>ul>li:first-of-type>a{
padding-left:0;
}
#menu>div>ul>li>a:hover, .category a:hover{
color:#510a08;
}
#menu>div>ul>li:last-child a{
border:none;
padding-right:5px;
}
#menu>div>ul>li>ul{
position:absolute;
display:none;
padding:5px;
width:128%;
top:30px;
left:-20%;
background:rgb(255,255,255);
background:rgba(255,255,255,.8);
border:1px solid #c1c2bd;
z-index:50;
}
#menu>div>ul>li:first-child + li >ul, #menu>div>ul>li:first-child + li:before {display:none;}
#menu .main2 {width:1250px;}
#menu>div>ul>li:hover>ul{
display:block;
}
#menu>div>ul>li>ul>li{
display:block;
border-bottom:1px solid #5b5a56;
padding:5px 0;
text-align:center;
word-wrap:break-word;
}
#menu ul>li>ul>li:last-child{
border:none;
}
#menu>div>ul>li>ul>li a{
color:#5b5a56;
font: 1em "PF Agora Sans Pro Medium", Verdana, sans-serif;
line-height:0.8;
}
#menu>div>ul>li>ul>li a:hover{
color:black;
}
#menu>div>a{
height:20px;
line-height:20px;
font-family:"PF Agora Sans Pro Medium", Verdana, sans-serif;
display:none;
}
.header .v-item{
height:30px;
}
.header .v-item {position: relative;}
.header .v-item:before{content: ""; display: block;
position:absolute;
top:20px;
left:50%;
margin-left:-7px;
width:14px;
height:6px;
background:url(images/arrows.png) no-repeat 0 -9px;
z-index:5;
}
.header .v-item:hover:before{
background-position:0 0;
}
#trees{
height:400px;
}
#content1{
overflow:hidden;
padding-bottom:177px;
min-height:400px;
}
.category{
margin:40px 4.5% 26px 0;
text-align:center;
display:inline-block;
vertical-align:top;
}
.category-first{
width:21%;
}
.category a:first-child{
display:block;
margin:0 auto;
height:170px;
background:url(images/sp-1.png) no-repeat;
}
.category a:first-child:hover{
background:url(images/sp-1-bw.png) no-repeat;
}
.category a.link1{
width:190px;
background-position:-18px 0;
}
.category a.link1:hover{
background-position:-19px 0;
}
.category-sec{
width:25.6%;
}
.category a.link2, .category a.link2:hover{
width:256px;
background-position:-220px 0;
}
.category-third{
width:22.2%;
}
.category a.link3, .category a.link3:hover{
width:222px;
background-position:-487px 0;
}
.category-fouth{
width:15.8%;
margin-right:0;
}
.category a.link4, .category a.link4:hover{
width:158px;
background-position:-720px 0;
}
.category a{
color:#895d2e;
text-transform:uppercase;
font:1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
}
#content1>div>div:last-child{
padding-top: 30px;
color:#5b5a56;
font: 1em "PF Agora Sans Pro", Verdana, sans-serif;
text-align:justify;
}
#footer{
position:absolute;
right:0;
left:0;
bottom:0;
background:rgb(59,40,28);
background:rgba(41, 18, 3, 0.85);
padding:18px 0;
color:#b68d6f;
line-height:1;
font:1.2em "PF Agora Sans Pro Medium", Verdana, sans-serif;
z-index:3;
}
#footer a{
color:#b68d6f;
}
#footer a:hover{
color:white;
}
#footer ul, #footer>div>p, #footer>div>div{
float:right;
}
#footer ul{
width:20%;
padding:0;
}
#footer>div>p:first-child{
width:32%;
color:white;
text-transform:uppercase;
float:left;
}
.adress-bott{
padding:0 20px;
border-left:1px solid #b68d6f;
border-right:1px solid #b68d6f;
}
#footer>div>div{
padding-left:20px;
}
#footer>div>div p:first-child{
margin-bottom:20px;
}
.main3{font-size: 1em;
position:relative;
width:1100px;
margin:0 auto;
padding-bottom:147px;
z-index:2;
}
#for-fixed{
	border-top: 1px solid #e6e6e6;
position:absolute;
width:1100px;
-moz-box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
-webkit-box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
box-shadow:0 9px 12px -5px rgba(0,0,0,.5);
}
.catal-menu{
display:table;
border-collapse:collapse;
margin-top: 0;
background:white;
width:100%;
height:88px;
}
#menu-images a{
display:table-cell;
vertical-align:middle;
}
#menu-images a:first-child{
padding-left:9px;
}
#menu-images div{
height:74px;
background:url(images/small-sp-1-bw.png) no-repeat;
float:left;
}
#menu-images p{
margin:14px 4px 0 9px;
float:left;
color:#686868;
font:1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
text-transform:uppercase;
}
#menu-images a:last-child p{
margin-top:30px;
}
#menu-images a div.image1, #menu-images a:hover div.image1{
background-position:-8px 0;
width:82px;
}
#menu-images a:hover div{
background:url(images/small-sp-1.png) no-repeat;
}
#menu-images a:hover p{
color:black;
}
#menu-images a div.image2{
background-position:-95px 0;
width:111px;
}
#menu-images a div.image3{
background-position:-211px 0;
width:96px;
}
#menu-images a div.image4{
background-position:-312px 0;
width:68px;
}
#catal-marks{
background:#e6e6e6;
padding: 5px 7px;
}
#catal-marks p, #catal-marks a, #catal-marks label{
padding:5px 0 0 7px;
color:#686868;
font:bold 12px Verdana, sans-serif;
}
#catal-marks p, #catal-marks form, #catal-marks input, #catal-marks label{
display:inline-block;
vertical-align:top;
}
#catal-marks p:last-of-type{
margin-left:10px;
}
#catal-marks input{
width:75px;
height:14px;
}
#catal-marks button{
height:20px;
padding:0 6px;
}
#catal-marks a{
display:block;
float:right;
}
#catal-marks a:hover{
color:black;
}
.catalog-cont{padding-top: 50px;
width:100%;
margin: 0;
min-height:400px;
}
.catalog-cont>div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
display:table;
width:50%;
float: left;
}
.line{
display:table-row;
}
.tovar{
padding:0 6px 8px 0;
display:table-cell;
}
.tovar-image{
float:left;
}
.tovar-s-descr{
float:right;
}
.tovar-s-descr:before{
content:"";
display:block;
position:absolute;
width:0;
height:0;
top:129px;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
z-index:10;
}
.tovar-s-descr:before{
left:-15px;
border-right:16px solid white;
}
.line>div:last-child{
padding-right:0;
}
.tovar-image, .tovar-s-descr{
position:relative;
}
.tovar-image{
display:block;
width: 336px;
height:272px;
background-position:center top;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.tovar-image:hover{
}
.tovar-s-descr{
background:white;
padding:14px 24px;
width:160px;
height:244px;
font:1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
color:#a1a1a1;
}
.tovar-s-descr p:first-child{
color:#80260b;
margin-bottom:5px;
}
.tovar-s-descr span, .tovar-s-descr dd{
font:1.2em 'Roboto Condensed', Impact, Verdana, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.tovar-s-descr p{
line-height:1;
margin-bottom:10px;
}
.tovar-s-descr dl dd:first-of-type{
color:#626262;
max-height: 60px;
overflow: hidden;
}
.tovar-s-descr dl dd{
color:#c21c2a;
margin-bottom:4px;
}
.tovar-s-descr a:first-of-type{
color:#a1a1a1;
}
.tovar-s-descr a{
font-size:0.85em;
}
.tovar-s-descr a:first-of-type:hover{
color:black;
}
.a-last{
display:block;
background:#73be1d;
padding:2px 17px;
color:white;
float:right;
}
.a-last:hover, .links a:hover, .links2 a:hover, .green-button:hover{
color:white;
background:#377916;
}
.tovar-image div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(images/search.png) no-repeat center rgba(0,0,0,.3);
display:none;
}
.tovar-image:hover div{
display:block;
}
.links{
height:36px;
margin-top:-5px;
}
.v-2{
margin-top:4px;
}
.links a{
display:block;
background:#73be1d;
color:black;
font:1.1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
margin-right:6px;
padding:6px;
float:left;
}
.links a:last-child{
margin:0;
float:right;
}
.links a:last-child{
padding:6px 18px;
}
.menu-links div{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.m-links2 div{
width:33.3%;
}
.menu-links a{
font:1.6em "PF Agora Sans Pro Bold", Verdana, sans-serif;
text-transform:uppercase;
color:#686868;
}
.menu-links a:hover{
color:black;
}
.tovar-page{
background:white;
padding:20px;
overflow:hidden;
}
.plans{
width:352px;
padding:20px;
min-height:173px;
margin-bottom:10px;
background:#fffcc7;
color:#6c2f37;
float:right;
clear:right;
}
.plans img{width:352px;}
.tovar-pic{
position:relative;
width:640px;
overflow:hidden;
}
.tovar-pic .fancy-image {display:block;width:640px !important;height:400px !important;}
/*
.tovar-pic>div a{
width:27px;
height:27px;
background:url(images/1504-0008-15_elements_sp-ss-2-small.png) no-repeat;
}
.tovar-pic>div a:hover{
background:url(images/1504-0008-15_elements_sp-ss-2-1-small.png) no-repeat;
}
.tovar-pic>div a.l-2{
background-position:-29px 0;
}
.tovar-pic>div a.l-3{
background-position:-59px 0;
}
.tovar-pic>div a.l-4{
background-position:-88px 0;
}
.tovar-pic>div a.l-5{
background-position:-118px 0;
}
.tovar-pic>div a.l-6{
background-position:-147px 0;
}
*/
.t-p-des{
width:100%;
margin-top:22px;
overflow:hidden;
color:#764a23;
font-size:1.1em;
clear: both;
float: left;
}
.t-p-des>div h1, .t-p-des span{
font-family:'Roboto Condensed', Impact, Verdana, sans-serif;
}
.t-p-des>div{
width:307px;
padding-right:10px;
}
.t-p-des>div h1{
font-size:2em;
text-transform:uppercase;
margin-bottom:4px;
}
.t-p-des span, .price2 dd, .t-p-des>div p{
color:#c5282f;
}
.t-p-des>div p span{
font-size:1.4em;
}
.t-p-des>div, .t-p-des dl{
float:left;
}
.t-p-des dl:first-of-type dt, .t-p-des dl:first-of-type dd{
float:left;
}
.t-p-des dl:first-of-type dd{
margin-left:3px;
}
.t-p-des dl:first-of-type dt{
clear:left;
}
.t-p-des dl{
font-family:"PF Agora Sans Pro Bold", Verdana, sans-serif;
}
.t-p-des dl{
width:185px;
}
.green-button{
display:block;
float:right;
clear:right;
width:166px;
background:#72bd1c;
text-align:center;
color:white;
margin-bottom:3px;
padding:2px 4px;
font:1.1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.green-button div{
float:left;
width:25px;
height:25px;
background:url(images/sp-2.png) no-repeat 0 -31px;
}
.t-p-des dl:first-of-type dt, .t-p-des dl:first-of-type dd{
float:left;
}
.gb-2 div{
background-position:-27px -31px;
}
.gb-2{
margin-bottom:0;
}
.price2{
width:120px;
text-align:right;
line-height:1.3;
}
.price2 dd{
line-height:1;
margin-bottom:4px;
font-size:1.2em;
}
.marks-bottom{
margin-top:4px;
background:white;
border-bottom:1px solid #80694a;
height:30px;
overflow:visible;
}
.marks-bottom a{
display:block;
color:#80694a;
font:1.1em "PF Agora Sans Pro Bold", Verdana, sans-serif;
text-align:center;
line-height:30px;
width:144px;
height:30px;
float:left;
border-right:1px solid #80694a;
background:white;
}
.marks-bottom a:hover{
height:31px;
}
.tovar-page-bottom{
background:white;
padding:10px 18px 20px;
min-height:69px;
color:#686868;
font:1.1em Verdana, sans-serif;
text-align:justify;
}
.our-works{
min-height:400px;
padding:10px 0 10px 15px;
}
.work-item{
width:205px;
display:inline-block;
margin:0 12px 10px 0;
vertical-align:top;
}
.work-item a:first-child{
display:block;
width:100%;
height:145px;
background: no-repeat 50% 0;
-ms-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.our-works img{
width:100%;
}
.work-item p{display: block; height: 28px; overflow: Hidden;
font:1.2em Verdana, sans-serif;
margin:5px 0;
}
.work-item a{
color:#707070;
}
.work-item a:hover{
color:black;
}
.work-page{
padding: 20px 0 30px 20px;
margin-bottom:7px;
overflow:hidden;
}
.fancy-image {display:block;background-position:center center;
-ms-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.work-page .fancy-image {
width:500px !important;
height: 350px !important;
}
.work-page>div{
overflow:hidden;
}
.work-page h1, .work-page p{
text-align:right;
text-transform:uppercase;
padding:0 20px 0 515px;
font-family:"PF Agora Sans Pro Bold", Verdana, sans-serif;
}
.work-page h1 {font-size:2.2em;}
.work-page h1, #contacts h1, #contacts>div>div:first-child span{
color:#bf1c1d;
}
.work-page p{
margin-top:5px;
color:#744f22;
font-size:1.2em;
}
.images-links{
margin-top:15px;
float:left;
clear:left;
}
.images-links p{font-size:1em;}
.images-links a, .images-links .zoom-img {
cursor:pointer;
position:relative;
display:inline-block;
width:200px;
height:130px;
margin:0 12px 12px 0;
background-repeat:no-repeat;
background-position:50% 0;
-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.topNavSlider .zoom-img.active {margin:2px 12px 12px 0 !important;
	-moz-box-shadow: 0 0 2px 2px rgb(57, 123, 214);
	-webkit-box-shadow: 0 0 2px 2px rgb(57, 123, 214);
	box-shadow: 0 0 2px 2px rgb(57, 123, 214);
}
.images-links img{
position:absolute;
top:34px;
left:50%;
margin-left:-30px;
}
#contacts{
padding:0 34px 40px;
margin-bottom:20px;
}
#contacts, .grey-form button{
font-family:"PF Agora Sans Pro Bold", Verdana, sans-serif;
}
#contacts>div:first-child{
position:relative;
overflow:hidden;
}
#contacts>div>div:first-child{
width:362px;
float:right;
}
#contacts h1{
font-size:2.3em;
margin:20px 0 8px;
}
.grey-form{
display:block;
width:332px;
padding:10px 15px 16px;
background:#cccccc;
}
.grey-form input, .grey-form textarea{
display:block;
border:none;
}
.grey-form input{
width:334px;
height:26px;
}
.grey-form textarea{
width:330px;
height:62px;
}
.grey-form label, .grey-form button{
font-size:1.1em;
}
.grey-form label{
display:block;
margin:2px 0;
}
#contacts>div>p{
position:absolute;
left:0;
bottom:64px;
width:550px;
font-size:1.8em;
}
.grey-form button{
margin-top:13px;
}
.grey-form button:hover{
cursor:pointer;
}
.grey-form button:first-of-type{
padding:0;
height:26px;
}
.grey-form button:last-child{
display:block;
border:none;
width:113px;
color:white;
padding:5px 0;
background:#bf1c1d;
float:right;
}
.grey-form button:last-child:hover{
background:#831b22;
}
#contacts>div>div:first-child span{
line-height:2;
}
#map{
height:460px;
background:white;
}
.news>div{
min-height:620px;
margin-bottom:20px;
}

.news h1{
color:#af0716;
font:1.5em "PF Agora Sans Pro Bold", Verdana, sans-serif;
margin-bottom:10px;
padding-right:80px;
text-align:left;
}
.news-list {padding-top: 0px; padding-bottom: 20px;}
.news-list h1, .one-new h1{
border-bottom:1px solid #af0716;
}
.news-list>div>span, .one-new>span{
color:#727272;
float:right;
}
.news-list>div{
padding:10px 20px 0;
min-height:120px;
margin-bottom:20px;
text-align:right;
}
.news-list>div>div{
height:48px;
overflow:hidden;
margin-bottom:5px;
text-align:left;
}
.news-list>div>a{
display:inline-block;
color:#727272;
font-size:1.2em;
margin-bottom:20px;
}
.news-list>div>a:hover{
color:#55a8ff;
}
.one-new{
background:#f0f4f9;
border:20px solid white;
padding:10px 20px;
}
.service{
padding:20px;
}
.links-works a:first-child{
float:left;
}
.links-works a{
margin:0;
float:right;
}
.links-works a:last-child{
padding:6px;
margin-right:6px;
}
.work-page .B_crumbBox{
padding-right:20px;
}
.tovar-page .B_crumbBox{
background:white;
padding:15px 20px;
margin-top:4px;
margin-bottom:-4px;
}
.B_crumbBox a{
color:#5b5a56;
}
.B_crumbBox a:hover{
color:black;
}
.news  .B_crumbBox{padding-left:0;}
.news-list>div>div, .one-new, .service{
text-align:justify;
}
.B_crumbBox{
display:block;
padding:10px 10px;
}

#callme-f2>div{
background:white;
color:black;
margin-top:-133px;
}
#callme-f2 label, #callme-f2 button{
font-size:1.4em;
}


#call{
position:absolute;
right:-20px;
top:0;
width:150px;
height:150px;
z-index:10000;
}
.circle{
display:block;
position:relative;
top:35px;
left:35px;
width:60px;
height:60px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
background:rgba(0,175,242,1);
}
.circle:hover{
background:#cbeb5d;
background:-ms-radial-gradient(center, farthest-side, #93e159 50%, #57dc50 80%, #00b507);
background:-o-radial-gradient(center, farthest-side, #93e159 50%, #57dc50 80%, #00b507);
background:-moz-radial-gradient(center, farthest-side, #93e159 50%, #57dc50 80%, #00b507);
background:-webkit-radial-gradient(center, farthest-side, #93e159 50%, #57dc50 80%, #00b507);
background:radial-gradient(center, farthest-side, #93e159 50%, #57dc50 80%, #00b507);
}
.circle img{
position:absolute;
top:15px;
left:15px;
width:30px;
height:30px;
z-index:3;
}
.circle:hover img{
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
}
.circle:before, .circle:after{
display:block;
position:absolute;
content:"";
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
}
.circle:before{
border-color:rgba(0,175,242,1);
border-style:solid;
-moz-animation:anim 4s ease infinite;
-o-animation:anim 4s ease infinite;
-webkit-animation:anim 4s ease infinite;
animation:anim 4s ease infinite;
z-index:1;
}
.circle:hover:before{
border-color:#57dc50;
}
.circle:after{
background:#00aff2;
background:rgba(0,175,242,.5);
-moz-animation:anim2 4s ease infinite;
-o-animation:anim2 4s ease infinite;
-webkit-animation:anim2 4s ease infinite;
animation:anim2 4s ease infinite;
z-index:2;
}
.circle:hover:after{
background:#57dc50;
background:rgba(87,220,80,.5);
}
@-webkit-keyframes anim{
0%{width:58px;height:58px;top:0;left:0;border-width:1px;opacity:0;}
25%{width:108px;height:108px;top:-25px;left:-25px;border-width:1px;opacity:.5;}
26%{width:108px;height:108px;top:-25px;left:-25px;border-width:1px;opacity:.5;}
100%{width:148px;height:148px;top:-45px;left:-45px;border-width:1px;opacity:0;}
}
@keyframes anim{
0%{width:58px;height:58px;top:0;left:0;border-width:1px;opacity:0;}
25%{width:108px;height:108px;top:-25px;left:-25px;border-width:1px;opacity:.5;}
26%{width:108px;height:108px;top:-25px;left:-25px;border-width:1px;opacity:.5;}
100%{width:148px;height:148px;top:-45px;left:-45px;border-width:1px;opacity:0;}
}
@-webkit-keyframes anim2{
0%{width:60px;height:60px;top:0;left:0;}
50%{width:100px;height:100px;top:-20px;left:-20px;}
100%{width:60px;height:60px;top:0;left:0;}
}
@keyframes anim2{
0%{width:60px;height:60px;top:0;left:0;}
50%{width:100px;height:100px;top:-20px;left:-20px;}
100%{width:60px;height:60px;top:0;left:0;}
}
.help{
position:absolute;
top:2px;
left:-155px;
background:black;
color:#00b507;
padding:5px 10px;
font:13px Calibri, sans-serif;
z-index:2;
opacity:0;
}
.help:after{
content:"";
display:block;
width:0;
height:0;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid black;
position:absolute;
top:25px;
right:-4px;
}
.circle:hover .help{
opacity:1;
-ms-transform:translateX(10px);
-o-transform:translateX(10px);
-moz-transform:translateX(10px);
-webkit-transform:translateX(10px);
transform:translateX(10px);
-moz-transition:all .8s ease;
-o-transition:all .8s ease;
-webkit-transition:all .8s ease;
transition:all .8s ease;
}
#slides {display:none;}
.slider-wrapper {position:relative;}
.slidesjs-navigation {display:block;position:absolute;width:30px;height:30px;background-image:url(images/arrows.png);top:50%;margin-top:-15px;opacity:.8;z-index:10;}
.slidesjs-navigation:hover {opacity:1;}
.slidesjs-previous {left:10px;}
.slidesjs-next {right:10px;background-position:30px 0;}
.slick-arrow {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;border:none;background: url('assets/js/fancyapps-fancyBox-18d1712/source/fancybox_sprite.png');z-index:10;opacity:0;}
.slider-for .slick-arrow {opacity:.8;}
.slick-next {right: 10px;background-position: 0 -72px;}
.slick-prev {left: 10px;background-position: 0 -36px;}
.slick-slider:hover .slick-arrow {opacity:1;}
.service-page .images-links {margin: 15px 15px 15px 0;}
.service-page .images-links .zoom-img {margin: 0 13px 12px;}
.serv-content {padding-right: 20px;margin-top: 50px;font-size: 1.4em;font-weight: bold;color: #744F22;}
.service-page .work-page p {font-size:1.5em;}
.serv-item {display:inline-block;vertical-align:top;margin: 0 15px 50px 10px;width:30%;line-height: 1.1;position:relative;}
.serv-item a {display:table-cell;vertical-align:middle;color: #666666;font-size: 1.5em;}
.serv-item a:hover span, .breadcrumb a:hover, .serv-item ul li a:hover {text-decoration:none;}
.serv-item img {width:83px;height:83px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.serv-item a:first-child + a {padding:0 10px;}
.serv-item span {max-height: 83px;overflow: hidden;display: inline-block;text-decoration:underline;}
.wrap {width: 1000px;margin: 50px auto 0;padding:0;}
.serv-item ul {padding:10px 0 0;position:absolute;top:80%;left:20px;background:white;width:280px;display:none;z-index:2;}
.serv-item:hover ul {display:block;}
.serv-item ul li {padding:0px 10px 10px;}
.serv-item ul li a {display:inline;font-size:1.2em;text-decoration:underline;}
.home-page td {vertical-align:top;}
.serv-item a:hover span, .serv-item ul li a:hover {color:#5EAD11;}
.str-content {    padding-right: 15px;
    font-size: 1.4em;
    font-weight: bold;
    color: #744F22;
    float: left;
    width: 500px;
	clear: left;
}
.str-descr .marks-bottom {overflow: hidden;margin-top: 50px;}
.str-descr .marks-bottom a {width:auto;padding:0 10px;}
.str-descr {padding:0 20px 0 515px;}
.str-descr .tovar-page-bottom p, .str-descr .tovar-page-bottom h1 {text-align: left;
    text-transform: none;
    padding: 0;
	font: 1em Verdana, sans-serif;
}
.zoom-img span {padding: 5px;
    display: block;
    background: #550506;
    color: white;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}