html, body {
    font: 13px Tahoma,Arial;
    color:#2a3538;
    //width:990px;
    margin:0 auto;
    padding: 0;
    height: 100%; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

h1 {font-size:24px; font-weight:normal; font-family:Arial; margin:15px 0; color:#171717;}
h2 {font-size:22px; font-weight:normal; font-family:Arial; margin:0 0 10px 0; color:#333;}
h3 {font-size:15px; font-weight:bold; font-family:Arial; margin:0 0 10px 0; color:#333; }
h4 {font-size:14px; font-family:Arial; margin:0 0 10px 0;}
p {margin:0 0 10px 0; line-height:18px;}
a {text-decoration:underline; color:#3d758d; font-family:tahoma;}
a:hover {color:#006699; cursor:pointer; text-decoration:none;}

img {border:0;}

h1.h1-main {color:#CE0A0A; font-size:24px; font-family:Myriad Pro;}

input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea {
	line-height: 14px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #928F8F;
	margin: 5px 5px 5px 0px;
}

.wrapp-all { overflow:hidden;}
.header { overflow:hidden; background:url(img/bg.jpg) repeat-x; border-bottom: 3px solid #999B96; padding-bottom: 10px;}
.header-top { height:239px; overflow:hidden; background:url(img/bg-top.jpg) repeat-x; margin:0 auto; }
.header-inner { margin:0px 30px;  overflow:hidden;}
.logo { float:left; width:260px;}
.header-info { float:right; width:660px;}
.slogan { margin:15px 0 0 0; color:#FFFFFF; font-size:36px; font-family:Archangelsk;}
.wrap-head-info { padding-top:15px;}
.bonuses { width:300px; float:left;}
.bonuses ul { margin:0; padding:0; width:300px;}
.bonuses ul li { margin:0; padding:0; list-style:none; color:#FFFFFF; font-size:13px; padding:7px 0 9px 35px; font-family:Myriad Pro, Tahoma;}
li.clock { background:url(img/clock.png) left center no-repeat;}
li.garanty { background:url(img/garanty.png) left center no-repeat;}
li.cool { background:url(img/cool.png) left center no-repeat;}
ul li.perezvoni {
    margin-top:22px;
    //background:url(assets/flash/zvonok.swf) left center no-repeat;
}
ul li.perezvoni a { text-decoration: none; border-bottom:1px dashed; color: #fff; } 
ul li.perezvoni a:hover {border-bottom: none;}
.head-contacts { float:right; width:230px;}
.head-contacts ul { margin:0; padding:0; width:230px;}
.head-contacts ul li { margin:0; padding:0; list-style:none; color:#FFFFFF; font-size:12px; padding:0 0 19px 30px; text-align:right;font-family111:Myriad Pro;}
li.home-phone { font-size:20px!important; text-shadow: #333 1px 2px 0; background:url(img/home-phone.png) 15px 6px no-repeat; padding-left:30px;}
li.sot { font-size:20px!important; text-shadow: #333 1px 2px 0; background:url(img/sot.png) 15px 5px no-repeat; padding-left:30px;}
li.head-adress { font-size:12px; color:#FFFFFF;}
li.head-mail a { color:#FFFFFF; width:189px; padding-right:10px; height:28px; display:block; line-height:25px; font-size:14px; text-decoration:none; background:url(img/mail-btn.png) right top no-repeat;}
li.head-mail a:hover {background-position:0 -33px; }
.menu { overflow:hidden; margin:0 30px;}
.menu > ul { margin: 0px; padding: 0px; }
.menu > ul > li { 
    margin: 0px; padding: 10px 0;
    list-style: none; 
    width:14.1%;
    background:url(img/menu-bg.jpg) repeat-x; 
    float:left; 
    text-align:center; 
    border-right:1px solid #249AD7;
}
.menu > ul > li.active, .menu > ul > li:hover { background-image:url(img/active-bg.jpg); }
.menu > ul > li:last-child {border-right:none;} 
.menu > ul > li > a {font-size:20px; color:#FFFFFF; text-decoration:none; font-family: Myriad Pro;  padding: 10px 0;}

.header-bottom { background:url(img/header-fon-bottom.jpg) repeat-x; overflow:hidden; border-bottom:3px solid #999B96; padding-bottom:15px;}
.slider-bottom { background:url(img/fon-slider.jpg) no-repeat; margin:0 30px; width:920px; height:20px; overflow:hidden;}
.usl-span { display:block; font-size:24px; color:#FFFFFF; margin:5px 30px 15px; font-family:Myriad Pro;}
.usl-main { margin:0 30px;}
.usl-main > div { background:url(img/usl-fon.png) repeat-x; float:left; width:153px; height:144px; margin-right:40px;}
.usl-main > div:last-child { margin-right: 0px; }
.usl-main > div > a { 
    background: top center no-repeat; 
    display:block; 
    width:153px; height:144px; 
    text-decoration:none;
}
.usl-main > div.usl-id-8 > a { background-image: url(img/avtog-black.png); }
.usl-main > div.usl-id-8 > a:hover { background-image: url(img/avtog-red.png); }
.usl-main > div.usl-id-9 > a { background-image: url(img/konder-bl.png); }
.usl-main > div.usl-id-9 > a:hover { background-image: url(img/konder-red.png); }
.usl-main > div.usl-id-9 > a { background-image: url(img/konder-bl.png); }
.usl-main > div.usl-id-9 > a:hover { background-image: url(img/konder-red.png); }
.usl-main > div.usl-id-11 > a { background-image: url(img/moika-bl.png); }
.usl-main > div.usl-id-11 > a:hover { background-image: url(img/moika-red.png); }
.usl-main > div.usl-id-12 > a { background-image: url(img/spectehn-bl.png); }
.usl-main > div.usl-id-12 > a:hover { background-image: url(img/spectehn-red.png); }
.usl-main > div.usl-id-13 > a { background-image: url(img/promyslen-bl.png); }
.usl-main > div.usl-id-13 > a:hover { background-image: url(img/promyslen-red.png); }
/* .usl-main > div.usl-id-13 { margin-right: 0px; } */
.usl-main > div > a > span { 
    color:#FFFFFF; 
    font-size:13px; 
    margin:0 0 10px 0; padding-top:120px;
    text-align:center; 
    display:block;
    text-decoration:none;
}
.usl-main > div > a > span:hover { text-decoration: underline; }



.content { overflow:hidden; margin:0 auto; min-height: 400px; width:930px; padding:0 30px;}
.content-bloks { overflow:hidden; margin:30px 0 15px; }
.content ul, .content ol {margin-bottom:6px;}
.content ul li, .content ol li {margin-bottom:6px;}
.otzyv-main, .contact-main, .work-main {overflow:hidden; float:left; width:290px; margin-right:26px;}
.otzyv-top { overflow:hidden;}
.otzyv-img { float:left;}
.otzyv-name { float:left; margin-left:14px; color:#474747;}
.otzyv-name span { color:#0C5371; font-size:18px; display:block; margin-bottom:5px; font-family:tahoma, Myriad Pro;}
.otzyv-text { overflow:hidden; margin-top:10px;}
.work-main table { margin-bottom:8px;}
.work-main img, .gallery-item .highslide img { padding:5px; border:1px solid #E2E2E2;}
.gallery-item { float: left; margin: 7px 17px 7px 7px;	 }
.work-main .e2g {
	position: relative;
	width: 315px; height: 266px;
}

.footer { 
    background:url(img/bg-bottom.jpg) repeat-x; 
    //width:990px; 
    height:200px; 
    margin-top:30px;
}
.footer-content { padding:20px 30px; overflow:hidden; color:#FFFFFF;}
.copir { width:300px; float:left; color:#FFFFFF;}
.copir p { margin-top:2px;}
.copir img { float:left; margin:0 15px 20px 0;}
.footer-right ul { margin:15px 0 0 0; padding:0; list-style:none;}
.footer-right { margin-left:20px; float:left; overflow:hidden;}
.footer-menu > ul { margin: 0px; padding: 0px; }
.footer-menu > ul > li { 
    padding:0 15px; 
    font-family:Myriad Pro, tahoma; 
    font-size:13px;
    list-style: none; 
    display: inline;
}
.footer-menu > ul > li > a { color:#FFFFFF; }
.footer-menu > ul > li:first-child { padding-left: 0px; }
.footer-menu > ul > li:last-child { padding-right: 0px; }
/*.footer-menu > ul > li > a.active, .footer-menu > ul > li > a:hover { text-decoration:none; color:#FF0000!important; }*/
.footer-menu > ul > li:hover .footer-menu > ul > li.active,  { text-decoration:none; color:#FF0000!important; }

.footer-contacts {width:300px; float:left;}
.footer-phone, .footer-mphone, .footer-mail, .footer-adres { background:url(img/footer-phone.png) left center no-repeat; padding:2px 0 2px 30px; margin-bottom:10px;}
.footer-phone {background:url(img/phone.png) left center no-repeat;}
.footer-mphone {background:url(img/mobile.png) left center no-repeat;}
.footer-mail {background:url(img/mail.png) left center no-repeat;}
.footer-mail a { color:#FFFFFF; font-family:Myriad Pro, tahoma; font-size:13px;}
.footer-mail a:hover { text-decoration:none;}
.footer-adres {background:url(img/pointer.png) left center no-repeat;}
/*avtogidravlika*/
.way { padding:15px 0; color:#616161;}
.way ul {list-style: none; padding: 0; margin: 0;}
.way li {display: inline-block;}
.way a { color:currentColor; }
.bt-none { margin-bottom:0!important;}
.attention { background:url(img/fon-number.jpg) repeat-x; border:1px dashed #333333; height:46px; margin-bottom:20px;}
.attention span { margin:15px 0 0 10px; display:block; font-size:14px;}
.text-gd { float:left; width:370px; margin-right:30px;}
.podrazdel-wrapp { float:right; overflow:hidden; margin:5px 0 20px 10px; width:510px;}
.podrazdel-wrapp a { display:block; height:160px; width:160px; position:relative; margin:0 10px 10px 0; float:left; color:#FFFFFF; border: 1px solid #CCCCCC;}
.podrazdel-wrapp a img { text-align:center;}
.podrazdel-wrapp a span { position:absolute; bottom:0; height:40px; width:155px; left:0; padding-left:5px; background:#666;}
.podrazdel-wrapp a:hover { color:#FF0000!important; text-decoration:underline;}
/*shlang*/
.ramka { border:1px solid #E3E3E3; padding:5px;}
.shlang-left { float:left; width:300px; margin-right:15px;}
.shlang-right { float:left; width:600px;}
.tab {width:100%; background-color:#E1E1E1!important; margin:0 0 15px 0; font-size:11px;}
.tab tr {background-color:#FFFFFF;}
.tab td {padding:15px;}
.tab p {padding:0; margin:0;}
/*contacts*/
.contact-info { float:left; margin-right:20px;}
.tabc { background-color:#E1E1E1!important; margin:15px 0; font-size:11px;}
.tabc tr {background-color:#FFFFFF;}
.tabc td {padding:0 5px 0 10px;}
.tabc p {padding:0; margin:0; font-size:13px; color:#313131;}
.tabc a { color:#313131;}
.tabc a:hover { text-decoration:none;}
.contact-icons { border-right: 2px solid #D9D9D9;}
.contact-icons img { text-align:center;}
.map { float:right; padding:5px 5px 3px 5px; border:1px solid #E2E2E2;}

.xjot-row { clear:both; padding: 10px 0px; }
.xjot-row > .xjot-comment { 
    //box-shadow:0 2px 3px #999;
    border-radius: 5px 5px 5px 5px;
    background: none;
    min-height:100px; 
}
.xjot-row.jot-row-alt, .xjot-row.jot-row-me, .xjot-row.jot-row-author {background: none;}
.xjot-row > .xjot-comment > .xjot-content {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f2f2f2 50%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#f2f2f2), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%,#f2f2f2 50%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    border-radius: 5px 5px 5px 5px; 
    //width:100%; 
    margin:0; overflow:hidden;
    padding:40px 20px 20px 20px;
    box-shadow:0 2px 3px #999;    
}
.xjot-row > .xjot-comment > .xjot-content > p { margin: 0;}

.xjot-row.jot-row-me > .xjot-comment > .xjot-content {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f2f2f2 50%, #B89D9D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#f2f2f2), color-stop(100%,#B89D9D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#B89D9D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#B89D9D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#B89D9D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%,#f2f2f2 50%,#B89D9D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#B89D9D',GradientType=0 ); /* IE6-9 */
}
.xjot-row > .xjot-comment > .xjot-content > .jot-mod {
    position: relative; top: -34px; right: 25px;

}
.xjot-row > .xjot-comment > .xjot-user {  
    position:relative; color:#FFFFFF;  
    background:url(img/man-work.jpg) no-repeat; 
    width:217px; height: 42px;
    font-size:16px; 
    font-weight:bold;
    text-align: center;
    padding:17px 0 0 85px; 
    top: 30px;
    overflow:hidden;
}
.xjot-row > .xjot-comment > .xjot-user.icon-woman {  background-image:url(img/woman-work.jpg);}

/*?shadow? { background: url(img/oshadow.jpg) top center no-repeat; width:100%; height:5px; padding:0; margin:0;} */

.otziv-pages { overflow:hidden; margin:20px 0 10px ;}
.pages { float: left; width:300px;}
.all-pages { float:right; width:150px; text-align:right;}
/*articles*/
.art-wrap { overflow:hidden; margin:20px 0;}
.art1 { overflow:hidden; margin:0 11px 20px; border:1px solid; width:440px;background:#404751; float:left;}
.art-img { float:left; border:3px solid #0A86C2; position:relative; width:220px; height:165px; overflow: hidden; }
.art-img img {width:220px; height:auto;}
.art-img span { background:url(img/fon-date.jpg) repeat-x; height:20px; width:60px; padding:2px 10px 0; display:block; position: absolute; top:0; right:0; z-index:1; color:#FFFFFF;}
.art-discr { padding:10px 0 0 10px; width:190px; float:left; }
.art-discr p { color:#AEB1B8;}
.art-discr a { color:#FFFFFF; padding-bottom:10px; display:block;}
.art-discr a:hover { text-decoration:none;}

/*uslugi*/
.uslugi-wrap { overflow:hidden;}
.usluga-box { overflow:hidden; height:135px; border:1px solid #00538d; margin-bottom:30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:url(img/catalog-bg.jpg) repeat-x; 
box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.7); behavior: url(ie-css3.htc);}

.usluga-box1 { box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset; height:100%; -webkit-box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset;  -moz-box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset;}
.uleft { float:left; box-shadow: inset -6px 0 4px -4px rgba(0, 0, 0, 0.43); -moz-box-shadow: -6px 0 4px -4px rgba(0, 0, 0, 0.43); -webkit-box-shadow:-6px 0 4px -4px rgba(0, 0, 0, 0.43); width:160px; height:135px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-right:1px solid #00538d; background:#bce3ff;}
.uleft img { margin: auto auto;}
.uright { float:left; overflow:hidden;}
.usluga-name { float:left; width:250px; height:135px;}
.usluga-name div { margin-top:50px;}
.usluga-name div a { color:#1E5DCE; text-decoration: underline; margin:50px 0 0 30px; font-size:15px; font-weight:bold; padding:12px;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; box-shadow: 0 4px 0 -3px rgba(0, 0, 0, 0.83) inset; background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #f2f2f2 50%, #eaeff4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#f2f2f2), color-stop(100%,#eaeff4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#eaeff4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#eaeff4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#f2f2f2 50%,#eaeff4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#f2f2f2 50%,#eaeff4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeff4',GradientType=0 ); /* IE6-9 */}
.usluga-name div a:hover { text-decoration:none!important;}
.subuslugi { float:left; overflow:hidden;}
.subuslugi ul { margin:25px 55px 0 0; float:left; padding:0 0 10px 20px;}
.subuslugi ul li { color:#fff; padding:0 0 10px 0; margin:0;}
.subuslugi ul li a { color:#fff; text-decoration:underline; font-size:13px;}
.subuslugi ul li a:hover { text-decoration:none;}


.dialog-box {
    display: none;
    background: #FFF;
    width: 500px;
    padding: 20px;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -250px;
    box-shadow: 0px 0px 30px #888;
    border: 1px Solid #ccc;
	z-index:50;
}
.dialog-box #feedback_box label {
	color: #000;
	display: block;
	padding-top: 2px;
	float: left;
	width: 125px;
}
.dialog-box #feedback-item { clear: both; }
.dialog-box #feedback_box textarea,.dialog-box #feedback_box img {
	baseline-shift: top;
}
.dialog-box #feedback_box textarea,.dialog-box #feedback_box input[type="text"] {
	width: 300px;
}
.dialog-box .errors { color: #ff0000; }
.dialog-box .ajax-content { color: #000; }
.dialog-btn-close {
	width: 34px; height: 34px;
	background: url(img/dialog_close.png) top left no-repeat;
	position: relative;
	float: right;
	top: -20px; left: 20px; 
	cursor: pointer;
}

.dialog-box input[type="button"],.dialog-box input[type="submit"], .dialog-box input[type="reset"] {
	padding: 2px 7px;
	background-color: #f5f5f5;
	border: 1px solid #d1d1d1;
	color: #333;
	cursor: pointer;
	text-shadow: 0 1px 0 white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-linear-gradient(top, #fff, #EBEBEB);
	background: -moz-linear-gradient(top, #fff, #EBEBEB);
	background: -ms-linear-gradient(top, #fff, #EBEBEB);
	background: -o-linear-gradient(top, #fff, #EBEBEB);
}
.dialog-box input[type="button"]:hover,.dialog-box input[type="submit"]:hover, .dialog-box input[type="reset"]:hover {
	-webkit-box-shadow: 0 0 3px 1px #bc3c3c;
	-moz-box-shadow: 0 0 3px 1px #bc3c3c;
	box-shadow: 0 0 3px 1px #bc3c3c;
	color: #bc3c3c;
	background: -webkit-linear-gradient(top, #fff, #E0E0E0);
	background: -moz-linear-gradient(top, #fff, #E0E0E0);
	background: -ms-linear-gradient(top, #fff, #E0E0E0);
	background: -o-linear-gradient(top, #fff, #E0E0E0);
}

/*our works*/

.work-wrap { overflow:hidden;}
.work-box { 
    position:relative;
    height:45px;
    border:1px solid #00538d;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background:url(/assets/templates/tpl_v1/img/catalog-bg.jpg) repeat-x; 
    -webkit-box-shadow:0 4px 3px -3px rgba(0, 0, 0, 0.7), 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset;
          box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.7), 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset; 
    cursor:pointer;
    color:#FFFFFF;
    font-weight:bold;
    font-size:16px;
    padding-right:55px;
    padding-left:25px;
}
.work-box:before {
    content:'';
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0;
}
.work-box span {
    display:inline-block;
    vertical-align:middle;
}
.work-box:after {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:auto;
    right:20px;
    margin:auto;
    width:28px;
    height:29px;
    background:url(/assets/templates/tpl_v1/img/work-close.png) no-repeat;
    -webkit-transition: all 0.5s ease-out; 
            transition: all 0.5s ease-out; 
}

.work-box1 { box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset; height:100%; -webkit-box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset;  -moz-box-shadow: 0 4px 0 -3px rgba(255, 255, 255, 0.9) inset;}
.work-box p { color:#FFFFFF; padding:15px 0 10px 25px; margin-right:20px; font-size:16px; background:url(/assets/templates/tpl_v1/img/work-close.png) right 8px no-repeat; font-weight: bold;}
.work-arial { border:1px solid #A0A0A0; background:#F8F8F8; overflow:hidden; border-top: none!important; border-radius: 4px; margin-bottom:10px;}
.work-img { margin: 5px 12px 5px 15px;}
.work-img img { border:1px solid #DEDEDE; padding:5px; margin:11px; float:left;}
.all-works { display:block; float:right; margin:0 20px 15px 0;}

.main-map { position:relative; width:280px; height:260px; border:1px solid #e4e4e4; padding:4px;}
.main-map p { position:absolute; bottom:0; display:block; background:#000000; height:25px; opacity: 0.6; color:#FFFFFF; display:block; padding:5px; margin: 0 0 4px; width: 270px;}

.alex-right { float: right; margin:0 0 5px 10px; padding:4px; border:1px solid #CCCCCC; overflow: hidden;}
.alex-left { float: left; margin:5px 10px 0 0; padding:4px; border:1px solid #CCCCCC; overflow: hidden;}
.save-rvd { width:250px; text-align:center; float:right; margin:0 0 10px 5px; background:#40A4C6; border-radius:5px;}
.save-rvd a { color:#FFFFFF;}
.save-rvd:hover {background:#EC2525;}
.save-rvd img { border:1px solid #CCCCCC; margin:15px 0 10px; border-radius:5px; width:220px}
.save-rvd span { color:#FFFFFF; font-size:18px; margin-bottom:15px; display:block; text-align:center;}

.error-404 { background:url(/assets/templates/tpl_v1/img/404.jpg) center center no-repeat; min-height:600px;}
.otziv-button { margin:0 auto; padding:5px 8px; background: #0099FF; font-size:16px; text-decoration:none; color:#FFFFFF; border-radius:5px; float:right;}

.app-spoiler-body-wrap {
    overflow:hidden;
}

.work-arial .work-img {
    position:relative;
    display:none;

    
    //-webkit-transition: all 0.5s ease-out;
            //transition: all 0.5s ease-out; 

}
.work-arial.active .work-img {
    margin: 5px 12px 5px 15px;
    opacity:1;
    visibility:visible;
    //display:block;
}
.work-arial.active .work-box:after {
  -webkit-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
          transform: rotate(90deg); 

}
.app-spoiler-wrap-inner {
    clear:both;
    overflow:hidden;
}
.app-spoiler-body {
    display:none;
    overflow:hidden;
    clear:both;
}
.app-spoiler-link-inner {
    display:inline-block;
    float:right;
    clear:both;
    padding-right:5px;
    margin-right:11px;
}

.app-grid-inner {
    width:990px;
    margin:0 auto;
}
.app-opinions-row {
    margin-bottom:20px;
}
.app-opinions-link {
    overflow:hidden;
    
}
.app-clearfix:before,
.app-clearfix:after {
  content:"";
  display:table;
}
.app-clearfix:after {
  clear:both;
}
.app-clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/.block-group,.block,.block-group:after,.block:after,.block-group:before,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.block-group{*zoom:1}
.block-group:before,.block-group:after{display:table;content:"";line-height:0}
.block-group:after{clear:both}
.block-group{list-style-type:none;padding:0;margin:0}
.block-group>.block-group{clear:none;float:left;margin:0 !important}
.block{float:left;width:100%}

/* comment list */
.comment-list__author {
    position: relative;
    top: 30px;
    width: 217px;
    height: 42px;
    padding: 17px 0 0 85px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-image: url('img/man-work.jpg');
    background-repeat: no-repeat;
}
.comment-list__text {
    padding: 40px 20px 20px 20px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #f4f4f4 0%, #f2f2f2 50%, #efefef 100%);
    box-shadow: 0 2px 3px #999;
}

/* comment latest */
.comment-latest {
    margin-bottom: 30px;
}
.comment-latest__item {}
.comment-latest__item + .comment-latest__item {
    margin-top: 30px;
}
.comment-latest__author {
    min-height: 56px;
    padding-left: 66px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: tahoma, Myriad Pro, sans-serif;
    color: #0C5371;
    background-image: url('/assets/templates/tpl_v1/img/pict-man.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}
.comment-latest__text {}

/* comment form */
.comment-form__group {
    margin-left: -15px;
    margin-bottom: 10px;
}
.comment-form__block {
    width: 50%;
    padding-left: 15px;
}
.comment-form__header {
    margin-top: 30px;
}
.comment-form__success {
    color: green;
}
.comment-form input[type="text"],
.comment-form textarea {
    margin: 0;
}
.comment-form__label {
    display: block;
}
.comment-form__label + .comment-form__label {
    margin-top: 10px;
}
.comment-form__placeholder {
    display: block;
    margin-bottom: 5px;
}
.comment-form__field {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #928F8F;
    box-sizing: border-box;
}
.comment-form__field_textarea {
    resize: vertical;
}
.comment-form__error {
    display: block;
    color: red;
}
.comment-form__submit-wrap {
    margin-top: 20px;
}
.comment-form__submit {
    padding: 2px 7px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    color: #333;
    background-color: #f5f5f5;
    cursor: pointer;
    text-shadow: 0 1px 0 white;
}

/* main gallery */
.main-gallery {
    margin-left: -15px;
    margin-top: -15px;
}
.main-gallery__item {
    width: 50%;
    padding-left: 15px;
    padding-top: 15px;
}
.main-gallery__item:nth-child(2n+1) {
    clear: left;
}
a.main-gallery__link {
    text-decoration: none;
}