@font-face {
  font-family:'officinasanscregular';
  src:url('../font/officinasansc-book.eot');
  src:url('../font/officinasansc-book.eot?#iefix') format('embedded-opentype'),  url('../font/officinasansc-book.woff') format('woff'),  url('../font/officinasansc-book.ttf') format('truetype'),  url('../font/officinasansc-book.svg#officinasanscregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
html {
  height:100%;
}
body {
  font:14px/14px Arial, Helvetica, sans-serif;
  color:#000;
}
.wrap {
  margin:auto;
  /*width:924px;*/
  width:1040px;
}
#head {
  width: 1200px;
  height: 219px;
}
.logo {
  float:left;
  margin:30px 90px 0px 10px;
}
header nav ul {
  float:left;
  margin:90px 0px 0px -35px;
  overflow:hidden;
}
header nav ul li {
  display:block;
  float:left;
  border-top-width:6px;
  border-top-style:solid;
}
header nav ul li a, footer nav ul li a {
  text-decoration:none !important;
  font:17px/19px 'officinasanscregular', Arial, sans-serif !important;
  padding:3px 16px 12px;
  display:block;
}
header nav ul li a:hover {
  color:#fff !important;
}
.item-102 {
  border-top-color:#b7e028;
}
.item-102 a:hover {
  border-top-color:#b7e028;
  background:#b7e028;
}
.item-103 {
  border-top-color:#8bb13f;
}
.item-103 a:hover {
  border-top-color:#8bb13f;
  background:#8bb13f;
}
.item-104 {
  border-top-color:#feb901;
}
.item-104 a:hover {
  border-top-color:#feb901;
  background:#feb901;
}
.item-105 {
  border-top-color:#e44504;
}
.item-105 a:hover {
  border-top-color:#e44504;
  background:#e44504;
}
.item-106 {
  border-top-color:#b62004;
}
.item-106 a:hover {
  border-top-color:#b62004;
  background:#b62004;
}
.item-107 {
  border-top-color:#881500;
}
.item-107 a:hover {
  border-top-color:#881500;
  background:#881500;
}
.rside {
  width:216px;
  float:left;
  margin:80px 0px 0px 64px;
  font-size:12px;
  color:#505050;
}
.rside-phone {
width: 230px;
float: left;
margin: 50px 0px -40px 30px;
font-size: 12px;
color: #505050;
}
.phone {
  background: url(../i/phone.gif) no-repeat 11px 4px;
  padding: 15px 0px 6px 63px;
  font: 18px/20px 'officinasanscregular', Arial, sans-serif;
  margin: 0px 0px 5px;
  color: #000;
}
.btn_callback {
  color:#fff !important;
  text-shadow:1px 1px 1px #629515;
  font:17px 'officinasanscregular', Arial, sans-serif !important;
  cursor:pointer;
  border-width:0px;
  height:25px;
  width:148px;
  background:#a9d22b;
  border-radius:3px;
  box-shadow:0 1px 0 #36430e;
  text-decoration:none !important;
  display:block;
  margin:0px 0px 82px 61px;
  text-align:center;
  padding:3px 0px 0px;
}
.adv_top {
  margin:0px 0px 31px;
}
.adv_bot {
  margin:0px 0px 23px;
}
.custom-dwl h4 {
  color:#fff;
  text-shadow:1px 1px 1px #30302f;
  text-align:center;
  margin:0px 0px 33px;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
}
.btns {
  color:#fff !important;
  text-shadow:1px 1px 1px #629515;
  font:18px 'officinasanscregular', Arial, sans-serif;
  cursor:pointer;
  border-width:0px;
  height:26px;
  width:146px;
  background:#a9d22b;
  border-radius:3px;
  box-shadow:0 1px 0 #36430e;
  text-decoration:none !important;
  display:block;
  margin:0px 0px 20px 20px;
  text-align:center;
  padding:7px 0px 0px;
}
.btns:hover, .btn_callback:hover, .btn_submit:hover, .btn_callback_2:hover {
  text-shadow:1px 1px 1px #629515;
  cursor:pointer;
  background:#ef5300;
  border-radius:3px;
  box-shadow:0 1px 0 #36430e;
}
.reviews {
  margin:0px 0px 64px;
  width:220px;
  background:#f7f7f7;
  border-radius:4px;
  padding:20px 0px 40px;
}
.reviews h4 {
  font-size:16px;
  border-bottom:1px solid #dfdfdf;
  text-align:center;
  margin:0px 0px 26px 33px;
  padding:0px 0px 9px;
  width:156px;
}
.item {
  width:190px;
  margin:0px 0px 0px 14px;
  line-height:14px;
}
.item h5 {
  font-size:14px;
  font-style:italic;
  margin:0px 0px 14px;
}
.brd {
  background:#dfdfdf;
  display:block;
  margin:42px 0px 40px 13px;
  height:1px;
  width:156px;
}
.prev, .next {
  height:21px;
  width:21px;
  border-width:0px;
  cursor:pointer;
  display:block;
  float:left;
  margin:14px 0px 0px;
}
.prev {
  background:url(../i/arrows.png) no-repeat 0px 1px;
  margin:11px 0px 61px 170px;
}
.next {
  background:url(../i/arrows.png) no-repeat -22px 1px;
  position:relative;
  top:-3px;
  left:-3px;
}
.prev:hover {
  background:url(../i/arrows.png) no-repeat 0px -26px;
}
.next:hover {
  background:url(../i/arrows.png) no-repeat -22px -26px;
}
.position {
  background:#f7f7f7;
  padding:20px 0px 26px;
  border-radius:4px;
}
.position h4 {
  font-size:16px;
  border-bottom:1px solid #dfdfdf;
  text-align:center;
  margin:0px 0px 13px 25px;
  padding:0px 0px 11px;
  width:156px;
}
.tabs {
  margin:0px 0px 0px 16px;
  width:175px;
}
.tab_nav {
  list-style:none;
  margin:0 0 0 23px;
  overflow:hidden;
}
.tab_nav li {
  display:inline;
}
.tab_nav li a {
  width:66px;
  display:block;
  float:left;
  height:36px;
  border-top:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  border-bottom:1px solid #b4b4b4;
  border-left:1px solid #f7f7f7;
  margin:0px 5px 0px 0px;
}
.tab_nav li a.selected {
  border:1px solid #b4b4b4;
  border-radius:8px;
}
.first {
  background:url(../i/ya.gif) no-repeat center center;
}
.second {
  background:url(../i/google.gif) no-repeat center center;
}
#first, #second {
  margin:23px 0px 0px;
}
#first a, #second a {
  font-size:12px !important;
  color:#505050 !important;
  display:block;
  width:102px;
}
#first ul li, #second ul li {
  position:relative;
  margin:0px 0px 20px;
  list-style:none;
}
#first ul li span, #second ul li span {
  position:absolute;
  top:5px;
  right:0px;
}
.content p {
  margin-left:22px;
  display: block;
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em;
}
.content {
  float:left;
  width:760px;
  padding:13px 0px 0px;
}
.other_works {
  margin:111px 0px 0px;
}
.wrap_carousel {
  position:relative;
  width:490px;
  margin:48px 0px 0px 72px;
}
.carousel {
  width:409px;
  margin:10px 0px 0px 36px;
}
.carousel ul li {
  margin:0px 18px 0px 0px;
  float:left;
  border:2px solid #8bb13f;
  border-radius:2px;
  padding:1px;
  height:167px;
  width:190px;
}
.prev_work, .next_work {
  height:21px;
  width:21px;
  border-width:0px;
  cursor:pointer;
}
.prev_work {
  background:url(../i/arrows.png) 0px 1px;
  position:absolute;
  left:0px;
  top:80px;
}
.next_work {
  background:url(../i/arrows.png) 20px 1px;
  position:absolute;
  right:-15px;
  top:80px;
}
.prev_work:hover {
  background:url(../i/arrows.png) 0px -26px;
}
.next_work:hover {
  background:url(../i/arrows.png) 20px -26px;
}
.content h1 {
  font-size:57px;
  color:#2f2f2f;
  margin:0px 0px 50px;
  line-height:57px;
}
.content h2 {
  font-size:24px;
  color:#505050;
  padding:0px 0px 10px;
  margin:0px 0px 24px;
  line-height:1.1;
  background:url(../i/line.gif) no-repeat 0px bottom;
}
.content h2 a {
  font-size:24px;
  color:#505050;
  padding:0px 0px 10px;
  margin:0px 0px 24px;
  text-decoration:none;
}
.content h3 {
  font:18px Arial, Helvetica, sans-serif !important;
  margin:14px 0px;
}
.leading-0,.leading-1,.leading-2,
.leading-4,.leading-5,.leading-6,
.leading-7,.leading-8,.leading-9,
.leading-10 {margin-bottom:50px;}
.project {
}
.project figure {
  padding:1px;
  border:2px solid #8bb13f;
  height:242px;
  width:586px;
  border-radius:2px;
}
.graph {
  height:208px;
  width:489px;
  border:3px solid #83b95f !important;
  border-radius:0 !important;
  margin:0px 0px 0px 55px;
}
.graph figcaption {
  font-size:12px;
  font-style:italic;
  position:relative;
  left:-55px;
  top:45px;
  color:#505050;
}
.slides_container {
  width:216px;
}
.form_consult {
  background:#888;
  border-radius:2px;
  overflow:hidden;
  padding:17px 16px 14px 19px;
  width:554px;
  margin:40px 0px 0px;
}
.form_consult h4 {
  font-size:18px;
  color:#fff;
  text-shadow:1px 1px 1px #555;
  margin:0px 0px -1px;
}
.b_left {
  float:left;
  width:273px;
}
.str {
  padding:4px 5px;
  width:242px;
  font:12px Arial, Helvetica, sans-serif;
  color:#808080;
  margin:0px 0px 7px;
  border-width:0px;
}
.btn_submit {
  color:#fff;
  text-shadow:1px 1px 1px #629515;
  font:18px 'officinasanscregular', Arial, sans-serif;
  cursor:pointer;
  border-width:0px;
  height:32px;
  width:146px;
  background:#a1c828;
  border-radius:3px;
  box-shadow:0 1px 0 #36430e;
  margin:12px 0px 0px 56px;
}
.form_consult textarea {
  background:#fff;
  width:257px;
  border-radius:2px;
  border-width:0px;
  padding:9px 12px 12px 10px;
  font:12px Arial, Helvetica, sans-serif;
  color:#808080;
  float:left;
  margin:-28px 0px 0px;
}
footer {
  margin:263px 0px 0px 18px;
  padding:0px 0px 13px;
}
.social {
  overflow:hidden;
  list-style:none;
}
.social li {
  float:left;
}
.fb {
  background:url(../i/fb.png) no-repeat 0px 0px;
  display:block;
  margin:0px 9px 0px 0px;
  float:left;
  height:25px;
  width:25px;
}
.tw {
  background:url(../i/tw.png) no-repeat 0px 0px;
  display:block;
  margin:0px 9px 0px 0px;
  float:left;
  height:25px;
  width:25px;
}
.vk {
  background:url(../i/vk.png) no-repeat 0px 0px;
  display:block;
  margin:0px 9px 0px 0px;
  float:left;
  height:25px;
  width:25px;
}
.yt {
    background:url(../i/yt.png) no-repeat 0px 0px;
    display:block;
    margin:0px 9px 0px 0px;
    float:left;
    height:25px;
    width:25px;
}
.social_txt {
  color:#3f3e3d;
  padding:2px 0px 0px 7px;
  font-size:13px;
}
.social_brd {
  height:1px;
  width:625px;
  position:relative;
  left:7px;
  top:9px;
  background:#a0a0a0;
}
footer .footermenu ul {
  margin:22px 0px 14px 100px;
  background:#f1f1f1;
  overflow:hidden;
  border-left:1px solid #d8d8d8;
  box-shadow:inset 0 0 8px 0px #ccc;
  width:748px;
  
}
footer .footermenu ul li {
  display:inline;
}
footer .footermenu ul li a {
  display:block;
  padding:5px 31px;
  float:left;
  border-top:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  border-left:1px;
  text-decoration:none;
  font-size:17px;
  font-family: 'officinasanscregular', Arial, sans-serif !important;
}
footer .footermenu ul li a:hover {
  background:#dedede;
  border-top:1px solid #d8d8d8;
}
.map {
  margin:17px 0px 43px;
  height:350px;
  width:450px;
}
.b_all_works {
  margin:29px 0px 0px;
  overflow:hidden;
}
.b_all_works img {
  border:2px solid #8bb13f;
  border-radius:2px;
  float:left;
  margin:0px 16px 0px 0px;
}
.b_all_works a {
  font-size:18px !important;
  color:#000 !important;
  position:relative;
  top:4px;
}
.b_all_works p {
  margin:26px 0px 0px;
}
.services_txt {
  margin:0px 0px 130px 22px;
}
.diagramm {
  height:208px;
  width:489px;
  border:3px solid #83b95f;
  margin:0px 0px 0px 48px;
}
.diagramm_txt {
  margin:30px 0px 70px 22px;
}
.video {
  border-top:4px solid #83b95f;
  border-right:4px solid #83b95f;
  border-bottom:6px solid #83b95f;
  border-left:4px solid #83b95f;
  height:347px;
  width:585px;
}
.nav_services {
  padding:0px 0px 10px 57px;
  background:url(../../../images/icons.jpg) no-repeat 0px 0px;
  list-style:none;
}
.nav_services li {
  background:none !important;
  margin:0px 0px 10px 10px;
  position:relative;
  top:8px;
  list-style:none !important;
}
.nav_services li a {
  font:24px 'officinasanscregular', Arial, sans-serif;
  padding:0px 6px;
  margin:0px 0px 0px -6px;
}
.nav_services li a:hover {
  text-decoration:underline;
  background:#669900;
  color:#fff;
}
.clients {
  margin:0px 0px 36px;
}
.clients_img {
  border:2px solid #8bb13f;
  border-radius:2px;
  padding:1px;
  height:242px;
  width:586px;
  position:relative;
}
.zoom {
  background:url(../i/zoom.png) no-repeat center center;
  display:block;
  height:242px;
  width:586px;
  position:absolute;
  left:1px;
  top:1px;
}
.content ol {
  margin-left:24px;
}
.content ol li {
  margin:0px 0px 14px 24px;
}
.content ul {
  margin:0px 0px 14px 24px;
  list-style:none;
}
.content ul li {
  
  list-style-image: url(../i/circle.gif);
  /*padding:0px 0px 14px 12px;*/
  padding: 0;
  margin-bottom: 14px;
  line-height: 20px;
}
.clients h3 {
  font-size:18px !important;
}
.old_result, .new_result {
  overflow:hidden;
  margin:0px 0px 60px;
}
.old_result_l {
  float:left;
  width:305px;
  font-size:24px;
  color:#989898;
  line-height:22px;
}
.new_result_l {
  float:left;
  width:305px;
  font-size:24px;
  color:#8bb13f;
  line-height:22px;
}
.title_old {
  font:18px 'officinasanscregular', Arial, sans-serif;
  color:#fff;
  text-shadow:1px 1px 0px #696969;
  background:#989898 url(../i/bg_titles.jpg) no-repeat 0px 0px;
  padding:10px 0px 2px 9px;
  width:72px;
  display:block;
  margin:0px 0px 28px;
  border-bottom:1px solid #828282;
}
.title_new {
  font:18px 'officinasanscregular', Arial, sans-serif;
  color:#fff;
  text-shadow:1px 1px 0px #696969;
  background:#75a21d url(../i/bg_titles.jpg) no-repeat right 0px;
  padding:10px 0px 2px 9px;
  width:72px;
  display:block;
  margin:0px 0px 28px;
  border-bottom:1px solid #768a4e;
}
.old_result_l p, .new_result_l p {
  margin:0px 0px 0px 10px;
  line-height:0.9;
}
.old_result_r, .new_result_r {
  width:303px;
  float:left;
}
.old_result_r h3 {
  font-size:18px !important;
}
.num {
  font-size:56px;
}
.tree {
  background:url(../i/tree.jpg);
  height:679px;
  width:564px;
  position:relative;
  margin:0px 0px 40px;
}
.user {
  height:154px;
  width:170px;
}
.user_name {
  font-size:17px;
  font-style:italic;
  font-weight:bold;
  color:#fff;
  left:209px;
  background:url(../i/bg_user_name.png) no-repeat;
  height:18px;
  width:138px;
  text-align:center;
  padding:5px 0px 0px;
  margin:80px 0px 22px;
}
.user_dolj {
  font-size:14px;
  color:#000;
  text-align:center;
  width:157px;
  margin:0px 0px 0px -10px;
}
.user_1 {
  background:url(../i/user_1.png) no-repeat 17px 9px;
  position:absolute;
  left:208px;
  top:0px;
  z-index:1;
}
.user_2 {
  background:url(../i/user_2.png) no-repeat 17px 9px;
  position:absolute;
  left:0px;
  top:152px;
  z-index:1;
}
.user_3 {
  background:url(../i/user_3.png) no-repeat 17px 9px;
  position:absolute;
  top:152px;
  z-index:1;
  left:426px;
}
.user_4 {
  background:url(../i/user_4.png) no-repeat 17px 9px;
  position:absolute;
  left:213px;
  top:374px;
  z-index:1;
}
.user_5 {
  background:url(../i/user_5.png) no-repeat 17px 9px;
  position:absolute;
  left:213px;
  top:558px;
  z-index:1;
}
.nav_top {
  list-style:none;
  overflow:hidden;
  position:relative;
  top:-30px;
}
.nav_top ul li {
  display:inline;
}
.nav_top ul li a {
  color:#000;
  margin:0px 20px 0px 0px;
  font:14px 'officinasanscregular', Arial, sans-serif;
}
.nav_top ul li a:hover {
  color:#669900;
}
.copyright {
  text-align:center;
  font-size:12px;
  color:#bbb;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
}
#boxes #dialog {
  width:598px;
  background:#fff;
  margin:187px 0px 0px -169px;
  position:fixed;
  left:0px;
  top:0px;
  padding:23px 22px 30px 10px;
  border-radius:5px;
}
.form_callback {
}
.str_callback {
  color:#797979;
  margin:0px 0px 20px;
  padding:6px;
  width:190px;
  border:1px solid #f1f1f1;
  font:14px Arial, Helvetica, sans-serif;
  float:left;
}
.btn_callback_2 {
  color:#fff;
  text-shadow:1px 1px 1px #629515;
  font:18px 'officinasanscregular', Arial, sans-serif;
  cursor:pointer;
  border-width:0px;
  height:32px;
  width:146px;
  background:#a1c828;
  border-radius:3px;
  box-shadow:0 1px 0 #667e1a;
  margin:115px 0px 0px 33px;
}
.form_callback textarea {
  padding:10px 12px;
  width:328px;
  border:1px solid #f1f1f1;
  color:#797979;
  font:14px Arial, Helvetica, sans-serif;
}
.form_callback div {
  float:left;
  width:224px;
}
.close {
  background:url(../i/close.gif) no-repeat 0px 0px;
  height:14px;
  width:14px;
  display:block;
  position:absolute;
  top:6px;
  right:8px;
}.clr {
  clear:both;
}
a img {
  border:none;
}
textarea {
  overflow:hidden;
  resize:none;
  outline:none;
}
input {
  outline:none;
}
h1, h2, h3, h4, h5, h6 {
  font-family:'officinasanscregular', Arial, sans-serif;
  font-weight:normal;
}
a:link, a:visited, a:active, a:focus {
  font-size:14px;
  color:#505050;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
.custom-dwl {
  background:url(../i/bg_dwl.jpg) no-repeat;
  margin:0px 0px 68px 12px;
  height:250px;
  width:182px;
  padding:13px 0px 0px;
}
.moduletable-reviews h3 { 
  border-bottom: 1px solid #DFDFDF;
  font-size: 16px;
  margin: 0px 0px 26px 33px;
  padding: 0px 0px 9px;
  text-align: center;
  width: 156px;
}
.moduletable-clients h3 { 
  border-bottom: 1px solid #DFDFDF;
  font-size: 16px;
  margin: 0px 0px 26px 33px;
  padding: 0px 0px 9px;
  text-align: center;
  width: 156px;
}
em { 
font-style: italic;
}
strong { 
font-weight: 700;
}
.content ul { 
display: block;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 1em;
margin-top: 1em;
}

.uslugi {
  list-style: none;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
}  
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}      
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  

}

#gallery img {
width: 200px;
}

div#fancy_overlay {
  position:absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  background-color: #333;
}

div#fancy_loading {
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent;
  z-index: 100;
}

div#fancy_loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background: transparent url(fancy_progress.png) no-repeat;
}

div#fancy_close {
  position: absolute;
  top: -12px;
  right: -12px;
  height: 30px;
  width: 30px;
  background: transparent url(fancy_closebox.png) ;
  cursor: pointer;
  z-index: 100;
  display: none;
}

div#fancy_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0; 
  margin: 0;
  z-index: 96;
}

#fancy_frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

img#fancy_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:0; 
  padding: 0; 
  margin: 0;
  z-index: 92;
}

div#fancy_title {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
}

div#fancy_title table {
  margin: 0 auto;
}

div#fancy_title div {
  color: #FFF;
  font: bold 12px Arial;
  padding-bottom: 2px;
}

td#fancy_title_left {
  height: 32px;
  width: 15px;
  background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
  height: 32px;
  background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
  height: 32px;
  width: 15px;
  background: transparent url(fancy_title_right.png) repeat-x;
}

div#fancy_outer {
  position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
  position: relative;
  width:100%;
  height:100%;
  border: 1px solid #444;
  background: #FFF;
}

a#fancy_left, a#fancy_right {
  position: absolute; 
  bottom: 10px; 
  height: 100%; 
  width: 35%; 
  cursor: pointer;
  background-image: url(data:image/gif;base64,AAAA);
  z-index: 100; 
}

a#fancy_left {
  left: 0px; 
}

a#fancy_right {
  right: 0px; 
}

a#fancy_left:hover {
  background: transparent url(fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
  background: transparent url(fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

div#fancy_bg {
  display: none;
}
  
div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70;
}

div.fancy_bg_n {
  top: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
  top: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
  right: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
  bottom: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
  bottom: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
  bottom: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
  left: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
  top: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(fancy_shadow_nw.png) no-repeat;
}

.client-list {
  width: 600px;
}

.client-list:after, .client-list div.list-row:after {
  content: '';
  clear: both;
  float:none;
  display: block;
}

.client-list div.list-item {
  width: 200px;
  float: left;
  
}

.client-list img {
  max-width: 180px;
  max-height: 100px;
  display: block;
  margin: 10px auto;
}

.list-abzac {
  font-family: officinasanscregular, Arial, sans-serif;
  font-size: 24px;
  color: rgb(80, 80, 80);
  margin: 0 !important;
}

.reportTable {
margin-top: 20px;
border: 1px solid grey; 
box-shadow: 3px 3px 10px grey; 
}

.reportTable td, .reportTable th {
padding: 10px 5px;
text-align: center;
}

.reportTable th {
border-bottom: 1px solid grey;
background: #eee;
font-weight: bold;
}

#apiInner {
width: 617px;
height: 72px;
z-index: 10;
position: relative;
}

#api {
display: block;
height: 72px;
background: url(../i/api-bar-bg.png) #ffda00;
width: 600px;
border-radius: 3px 0 0 3px;
box-shadow: 0 0 40px #bbb;
}

.apiRight {
height: 72px;
background: url(../i/api-bar-right-bg.png);
width: 17px;
float: right;
}

#api input[type=button] {
width: 105px;
height: 25px;
font-size: 16px;
float: right;
margin-top: 10px;
margin-right: 20px;
background: url(../i/api-button.png) repeat-x top left;
border: 1px solid #bbb;
border-radius: 2px;
box-shadow: 0 1px 1px #555;
cursor: pointer;
}

#api input[type=button]:hover{
background-position: bottom left;
}

#api input[type=text] {
width: 430px;
height: 21px;
font-size: 16px;
float: left;
margin-top: 11px;
margin-left: 20px;
border: 1px solid #aaa;
box-shadow: 0 0 3px #ccc inset;
}

.inProcess{
margin-top: 20px;
margin-left: 40px;
padding-left: 36px;
padding-top: 8px;
display: none;
background: url(../i/loading.gif) no-repeat top left;
width: 400px;
height: 31px;
}

#apiReport {
display: none;
width: 550px;
min-height: 73px;
margin-top: -3px;
border-radius: 0 0 3px 3px;
border: 1px solid #e0e0e0;
background: #ededed;
font-size: 18px;
}

#apiReport p{
margin-top: 23px;
margin-bottom: 23px;

}

#apiReport span {
font-size: 18px;
font-weight: bold;
}

.apiRegion {
font-size: 12px;
float: left;
margin-top: 10px !important;
}

.apiRegion span{
font-weight: bold;
}

.apiBanner {
background: url(../i/APIbanner.jpg) left top no-repeat;
width:202px;
height:100px;
margin-bottom: 30px;
}

.apiBanner a {
width: 164px;
height: 60px;
text-decoration: none;
color: #fff;
font-size: 16px;
padding: 20px;
display: block;
line-height: 20px;
font-weight: bold;
}

















.top_sign_form {
display: block;
width: 420px;
height: 320px;
top: 100px;
left: 35%;
z-index: 100;
padding: 25px !important;
background: #888;
font-size: 15px;
font-family: Arial;
color: #fff;
margin-left: 60px;
border-radius: 3px;
}

.top_sign_form label {
float: left;
display: block;
width: 150px;
margin-top: 7px;
margin-right: 10px;
text-align: right;
}

.top_sign_form h3 {
margin: 0 0 15px 100px;
font-size: 22px !important;
width: 250px;
}

.top_sign_form .span {
margin: 5px auto -10px;
font-size:12px;
width: 180px;
color: #fff;
display: none;
}

.top_sign_form input[type=text] {
width: 220px;
margin-top: 0px;
padding: 4px 15px;
}

.top_sign_form input[type=button] {
width: 180px;
height: 40px;
margin: 20px auto 0;
font-size: 16px;
display: block;
text-shadow: 1px 1px 1px #629515;
cursor: pointer;
background: #a1c828;
border-radius: 4px;
border: none;
box-shadow: 0 1px 0 #36430e;
color: #fff;
}

.top_sign_form input[type=button]:hover{
text-shadow: 1px 1px 1px #629515;
cursor: pointer;
background: #ef5300;
box-shadow: 0 1px 0 #36430e;
}

.dark_wrapper {
display: none;
width: 100%;
height: 100%;
position: fixed;
top:0;
left: 0;
opacity: 0.5;
background: #000;
z-index: 99;
}

.top_sign_form .close {
width: 30px;
height: 30px;
float: right;
margin: -10px -10px 0 0;
cursor: pointer;
background: url(../i/close_me.png) left top no-repeat;
}

.top_sign_form .inProcess {
display: none;
width: 31px;
height: 31px;
padding: 0;
background: url(../i/loading.gif);
margin: 20px auto 0;
}

.formSended {
display: none;
width: 300px;
height: 70px;
position: fixed;
line-height: 30px;
top: 100px;
left: 35%;
z-index: 100;
text-align: center;
padding: 25px !important;
background: #a1c828;
border-radius: 5px;
font-size: 24px;
font-family: 'officinasanscregular', Calibri, Arial;
color: #fff;
}

.formSended span{
font-size: 48px;
}

.top_sign_form select {
width: 250px;
}

.twitter {
width: 202px;
margin-bottom: 15px;
}

#podpiska {
display: block;
margin: 0 auto;
height: 250px;
}

#podpiska input[type=text] {
display: block;
width: 250px;
margin: 20px auto;
border-radius: 5px;
border: none;
padding: 7px;
font-size: 14px;
box-shadow: 1px 1px 1px #666 inset, 1px 1px 1px #666;
}

#podpiska input[type=button] {
color: #fff !important;
text-shadow: 1px 1px 1px #629515;
font: 20px 'officinasanscregular', Arial, sans-serif !important;
cursor: pointer;
border-width: 0px;
height: 45px;
width: 200px;
background: #a9d22b;
border-radius: 3px;
box-shadow: 0 1px 0 #36430e;
text-decoration: none !important;
display: block;
margin: 0 auto;
text-align: center;
padding: 6px 0px 6px;
}

#podpiska input[type=button]:hover {
background: #ef5300;
}

#podpiska .sended {
text-align: center;
color: #629515;
margin-top: 20px;
display: none;
}

#podpiska .notSended {
text-align: center;
color: #ff0000;
margin-top: 20px;
display: none;
}

#podpiska .preloader {
background: url(/images/preloader.gif) left top no-repeat;
width: 48px;
height: 48px;
margin: 20px auto 0;
display: none;
}

#podpiska .agree_text {
text-align: center;
width: 300px;
margin: 0 auto 15px;
line-height: 20px;
font-size: 12px;
color: #e86d00;
}

.list_circle_green li b, .list_circle_green li strong{
width: 28px;
height: 28px;
border-radius: 28px;
float: left;
text-align: center;
line-height: 28px;
margin-right: 20px;
color: #FFF;
background: #8fd200;
margin-bottom: 18px;
}

.list_circle_green li {
list-style: none !important;
font-size: 16px;
line-height: 28px;
margin-bottom: 18px !important;
}



.lidger_form_1,  .lidger_form_2,  .lidger_form_3, .bitrix_form, .bitrix_form2{
display: block;
width: 470px;
height: 270px;
padding: 25px !important;
border-radius: 5px;
font-size: 15px;
font-family: Arial;
margin: 15px auto 15px !important;
box-shadow: 0 0 5px grey;
background: #888;
}

.bitrix_form, .bitrix_form2 {
height: 190px;
box-shadow: none;
}

.bitrix_form2 {
display: none;
position: fixed;
left: 30%;
top: 30%;
z-index: 100;
}

.lidger_form_1 label,  .lidger_form_2 label,  .lidger_form_3 label, .bitrix_form label, bitrix_form2 label {
float: left;
display: block;
width: 100px;
margin-top: 25px;
}

.lidger_form_1 h3,  .lidger_form_2 h3,  .lidger_form_3 h3, .bitrix_form h3, .bitrix_form2 h3 {
margin: 0 auto 15px;
font-size: 28px !important;
text-align: center;
text-shadow: 1px 1px 1px #555;
color: #fff;
}

 .bitrix_form h3, .bitrix_form2 h3 {
color: #fff !important;
}

.lidger_form_1 .span,  .lidger_form_2 .span,  .lidger_form_3 .span, .bitrix_form .span, .bitrix_form2 .span {
margin: 5px auto -10px;
font-size:12px;
width: 180px;
color: #fff;
display: none;
}

.lidger_form_1 input[type=text],  .lidger_form_2 input[type=text],  .lidger_form_3 input[type=text], .bitrix_form input[type=text], .bitrix_form2 input[type=text] {
width: 220px;
margin-top: 10px;
margin: 15px auto 0;
display: block;
padding: 4px 15px;
font-size: 14px;
height: 20px;
}

.lidger_form_1 input[type=button],  .lidger_form_2 input[type=button],  .lidger_form_3 input[type=button], .bitrix_form input[type=button], .bitrix_form2 input[type=button] {
color: #fff;
text-shadow: 1px 1px 1px #629515;
font: 22px 'officinasanscregular', Arial, sans-serif;
cursor: pointer;
border-width: 0px;
height: 36px;
width: 250px;
background: #a1c828;
border-radius: 3px;
box-shadow: 0 1px 0 #36430e;
margin: 15px auto;
display: block;
}

.lidger_form_1 input[type=button]:hover, .lidger_form_2 input[type=button]:hover, .lidger_form_3 input[type=button]:hover, .bitrix_form input[type=button]:hover, .bitrix_form2 input[type=button]:hover {
background-position: left bottom;
}

.lidger_form_1 .inProcess,  .lidger_form_2 .inProcess,  .lidger_form_3 .inProcess, .bitrix_form .inProcess, .bitrix_form2 .inProcess {
padding: 0;
margin: 20px auto 0;
width: 31px;
height: 31px;
}

.item-page h4 {
font-size: 16px;
font-weight: bold;
}

.wrap_car {
position: relative;
padding: 0 25px;
width: 555px;
margin: 0 auto;
}

.wrap_car .serts_next_work, .wrap_car .serts_prev_work{
top: 70px;
}

.wrap_car .next_sert, .wrap_car .next_site, .wrap_car .next_lp,  .wrap_car .next_im{
right:0;
}

.wrap_car li {
margin: 0 3px;
border: 2px solid #8bb13f;
border-radius: 2px;
}

.prev_sert, .next_sert {
top: 110px;
}

.prev_site, .next_site, .prev_im, .next_im, .prev_lp, .next_lp {
top: 70px;
}

.bitrix_page .banner_1 {
width: 594px;
height: 350px;
padding: 1px 0 0;
background: right bottom url(/images/bx_banner_bg_1.jpg) no-repeat;
}

.bitrix_page .banner_1 p{
margin: 20px 0 0;
font: 22px normal 'officinasanscregular';
color: #505050;
line-height: 30px;
letter-spacing: 1px;
}

.bitrix_page .banner_1 ul{
margin: 25px 0 0 35px;
}

.bitrix_page .banner_1 ul li{
list-style-image: url(/images/bx_banner_galka.jpg);
font: 20px normal 'officinasanscregular';
color: #505050;
line-height: 0px;
letter-spacing: 1px;
}

.bitrix_page .banner_1 .banner_list p{
background: left -7px url(/images/bx_banner_galka.jpg) no-repeat;
font: 20px normal 'officinasanscregular';
color: #505050;
padding: 0 0 0 36px;
line-height: auto;
height: 26px;
letter-spacing: 1px;
}

.bitrix_page .banner_1 .bx_button_inner {
margin-top: 32px;
margin-left: 20px;
width: 298px;
height: 38px;
background: url(/images/bx_banner_1_button_inner.jpg) left top no-repeat;
font-family: Calibri, Arial;
font-size: 36px;
color: #fff;
text-transform: uppercase;
padding-top: 22px;
text-align: center;
}

.bitrix_page .banner_1 .bx_button_inner:hover {
cursor: pointer;
background-position: left bottom;
}

.bitrix_page h3{
font-family: 'officinasanscregular' !important;
font-size: 30px !important;
font-weight: normal !important;
color: #505050;
line-height: 30px !important;
letter-spacing: 1px;
}

.bitrix_page p {
margin: 10px 0;
font: 18px normal 'officinasanscregular';
color: #505050;
line-height: 25px;
letter-spacing: 0.8px;
}

.bitrix_page > p {
text-align: justify;
}

.bitrix_page > p span {
color: #97b92e;
}

.bitrix_page .pluses {
text-align: center;
color: #444;
margin-top: 30px;
}

.bitrix_page .pluses .plus1, 
.bitrix_page .pluses .plus2, 
.bitrix_page .pluses .plus3{
float: left;
width: 202px;
height: 263px;
}

.bitrix_page .pluses h3{
font-family: 'officinasanscregular', Calibri, Arial;
font-size: 30px;
margin: 5px 0 2px;
}

.bitrix_page .pluses p{
font-family: 'officinasanscregular', Calibri, Arial;
font-size: 14px;
line-height: 15px;
color: #333;
}

.bitrix_page .pluses .plus1 {
background: #b7e028;
}

.bitrix_page .pluses .plus2 {
background: #8bb13f;
}

.bitrix_page .pluses .plus3 {
background: #feb901;
}

.bitrix_page .pluses .plus2 img{
margin-bottom: 7px;
}

.bitrix_page .pluses .plus3 img{
margin-bottom: 4px;
}

.bitrix_page .prizyv {
margin-top: 30px;
width: 607px;
height: 144px;
padding: 1px 0 0;
background: #b3d156; /* Old browsers */
background: -moz-linear-gradient(top,  #b3d156 1%, #91b425 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b3d156), color-stop(98%,#91b425)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b3d156 1%,#91b425 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b3d156 1%,#91b425 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b3d156 1%,#91b425 98%); /* IE10+ */
background: linear-gradient(to bottom,  #b3d156 1%,#91b425 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d156', endColorstr='#91b425',GradientType=0 ); /* IE6-9 */
}

.bitrix_page .prizyv p {
text-align: center;
font: 18px normal 'officinasanscregular';
color: #444;
margin-top: 14px;
line-height: 21px;
}

.bitrix_page .prizyv .prizyv_button{
text-align: center;
width: 313px;
height: 30px;
margin: 0 auto 0;
font-family: 'officinasanscregular', Calibri, Arial;
font-size: 18px;
line-height: 15px;
color: #444;
padding-top: 15px;
background: url(/images/prizyv_button.png) left top no-repeat;
cursor: pointer;
}

.bitrix_page .prizyv .prizyv_button:hover{
background-position: left bottom; 
}

.bitrix_page .bx_site,
.bitrix_page .bx_lp,
.bitrix_page .bx_im {
background-color: #f9f9f9;
width: 605px;
height: 190px;
border: 1px solid #c3c3c3;
margin-top: 30px;
}

.bitrix_page .bx_site {
background: url(/images/bx_site.png) 97% center no-repeat;
margin: 30px auto 0;
}

.bitrix_page .bx_lp {
background: url(/images/bx_lp.png) 97% center no-repeat;
margin: 30px auto 0;
}

.bitrix_page .bx_im {
background: url(/images/bx_im.png) 97% center no-repeat;
margin: 30px auto 0;
}

.bitrix_page .bx_site p, 
.bitrix_page .bx_lp p,
.bitrix_page .bx_im p {
font-family: 'officinasanscregular';
font-size: 24px;
font-weight: normal;
margin-left: 20px;
margin-top: 50px;
line-height: 30px;
} 

.bitrix_page .bx_lp p,
.bitrix_page .bx_im p {
font-size: 18px;
}

.bitrix_page .bx_site p span,
.bitrix_page .bx_lp p span,
.bitrix_page .bx_im p span {
color: #97b92e;
font-size: 48px;
} 

.bitrix_page .bx_button {
text-align: center;
width: 313px;
height: 30px;
margin: 20px auto 20px;
font-family: 'officinasanscregular', Calibri, Arial;
font-size: 18px;
line-height: 15px;
color: #fff;
padding-top: 15px;
background: url(/images/bx_button.png) left top no-repeat;
cursor: pointer;
}

.bitrix_page .bx_button:hover {
background-position: left bottom;
}

.bitrix_page .steps {
width: 610px;
margin: 0 auto;
}

.bitrix_page .steps h3{
font-family: 'officinasanscregular' !important;
font-size: 24px !important;
font-weight: normal !important;
text-align: center;
margin: 20px 0;

}

.bitrix_page .steps p{
font-size: 14px;
text-align: center;
line-height: 16px;
font-family: 'officinasanscregular';
font-weight: normal;
}

.bitrix_page .steps .step1,
.bitrix_page .steps .step2,
.bitrix_page .steps .step3,
.bitrix_page .steps .step4 {
width: 152px;
height: 114px;
float: left;
padding-top: 136px;
}

.bitrix_page .steps .step1 {
background: url(/images/step1.jpg) center top no-repeat;
}

.bitrix_page .steps .step2 {
background: url(/images/step2.jpg) center top no-repeat;
}

.bitrix_page .steps .step3 {
background: url(/images/step3.jpg) center top no-repeat;
}

.bitrix_page .steps .step4 {
background: url(/images/step4.jpg) center top no-repeat;
}

.bitrix_page .otzyvy {
margin-top: 30px;
}

.bitrix_page .otzyvy h3{
text-align: center;
}

.bitrix_page .otzyvy p {
font-family: 'officinasanscregular' !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 20px;
margin: 5px 0;
width: 610px;
float: right;
text-align: justify;
font-size: 14px;
}

.bitrix_page .otzyvy p span{
font-size: 24px;
}

.bitrix_page .otzyvy img {
float: left;
margin-right: 20px;
}

.bitrix_page .otzyvy div:after {
content: '';
display: block;
clear: both;
}

.bitrix_page .otzyvy div {
margin: 30px 0;
}

.bitrix_page .banner_2 {
height: 341px;
width: 610px;
background: #8bb13f;
background: -moz-linear-gradient(top, #8bb13f 0%, #b7e028 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bb13f), color-stop(100%,#b7e028));
background: -webkit-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: -o-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: -ms-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: linear-gradient(to bottom, #8bb13f 0%,#b7e028 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb13f', endColorstr='#b7e028',GradientType=0 );
}

.bitrix_page .banner_2 .banner_item {
width: 181px;
height: 340px;
float: left;
padding: 1px 10px 0;
border-left: 1px solid #fff;
}

.bitrix_page .banner_2 p{
text-align: center;
font-family: Calibri, Arial !important;
font-size: 18px !important;
font-weight: normal !important;
line-height: 22px !important;
color: #505050;
}

.bitrix_page .banner_2 h3{
text-align: center;
font-family: Calibri, Arial !important;
font-size: 24px !important;
font-weight: bold !important;
line-height: 20px !important;
height: 50px;
margin: 14px 0 0;
border-bottom: 1px solid #fff;
}

.bitrix_page .banner_2 p span{
font-size: 28px !important;
font-weight: bold !important;
line-height: 50px;
}

.bitrix_page .banner_2 .bx_button_inner{
background: url(/images/bx_button_b2.png) left top no-repeat;
width: 183px;
height: 39px;
box-shadow: 0 0 6px #000;
cursor: pointer;
text-align: center;
font-family: Calibri, Arial;
font-size: 24px;
font-weight: bold;
color: #505050;
line-height: 35px;
margin-top: 20px;
}

.bitrix_page .banner_2 .bx_button_inner:hover{
background-position: left bottom;
}

.bitrix_page .akcya {
height: 68px;
width: 580px;
padding: 15px 15px 0;
font-weight: bold;
font-size: 22px;
color: #505050;
line-height: 25px;
background: #8bb13f;
background: -moz-linear-gradient(top, #8bb13f 0%, #b7e028 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bb13f), color-stop(100%,#b7e028));
background: -webkit-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: -o-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: -ms-linear-gradient(top, #8bb13f 0%,#b7e028 100%);
background: linear-gradient(to bottom, #8bb13f 0%,#b7e028 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb13f', endColorstr='#b7e028',GradientType=0 );
}

.bitrix_page .akcya span{
font-size: 30px;
}

.bitrix_page ul {

}

.bitrix_page ul li{
list-style-type: square;
list-style-image: none;
color: #505050;
font-family: Calibri, Arial;
font-size: 18px;
line-height: 130% !important;
letter-spacing: 1px;
}

.bitrix_page ul li span{
font-size: 24px;
}

.bitrix_page .change_font, 
.bitrix_page .change_font h3,
.bitrix_page .change_font p
{
font-family: Calibri !important;
}

.bitrix_page .change_font > h3 {
font-weight: bold !important;
font-size: 24px !important;
}

.snippet_button {
background-color: #ffd700;
box-shadow: 0 0 5px #000;
padding: 8px;
font-family: Calibri;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
cursor: pointer;
}

.snippet_button span {
font-size: 30px;
margin-top: -2px;
margin-right: 10px;
display: block;
float: left;
}

.snippet_content {
margin: 0 !important;
overflow: hidden;
height: 0px;
}

.snippet_content li{
background-color: #fff2ab;
list-style-image: none !important;
list-style-position: inside;
margin: 0 !important;
padding: 7px !important;
font-family: Calibri;
font-size: 14px;
letter-spacing: 1px;
}

.snippet_content li.dark{
background-color: #ffdd73;
}

.kontext_page .prizyv {
padding: 16px 11px;
background: #ffd800;
background: -moz-linear-gradient(top, #ffd800 0%, #ffb100 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb100));
background: -webkit-linear-gradient(top, #ffd800 0%,#ffb100 100%);
background: -o-linear-gradient(top, #ffd800 0%,#ffb100 100%);
background: -ms-linear-gradient(top, #ffd800 0%,#ffb100 100%);
background: linear-gradient(to bottom, #ffd800 0%,#ffb100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffb100',GradientType=0 );
}

.kontext_page .prizyv p{
float: left;
margin: 0;
font-family: Calibri;
font-size: 15px;
line-height: 17px;
}

.kontext_page .prizyv p b{
font-weight: bold;
}

.kontext_page .prizyv .kont_button{
background: url(/images/kont_button.png) left top no-repeat;
width: 224px;
height: 37px;
float: right;
margin: 7px 5px 0 0;
cursor: pointer;
font-family: Calibri;
font-size: 24px;
font-weight: bold;
color: #fff;
padding: 18px 0 0 0;
text-align: center;
}

.kontext_page .prizyv .kont_button:hover{
background-position: left bottom;
}

.kontext_form{
width: 224px;
height: 275px;
padding: 12px !important;
font-family: Calibri;
font-weight: normal;
background: #888;
display: none;
position: fixed;
left: 30%;
top: 30%;
z-index: 100;
background: #ffd800; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd800 0%, #ffb100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd800 0%,#ffb100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd800 0%,#ffb100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd800 0%,#ffb100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd800 0%,#ffb100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffb100',GradientType=0 ); /* IE6-9 */
}

.kontext_form label {
float: left;
display: block;
width: 100px;
margin-top: 25px;
}

.kontext_form h3 {
margin: 15px auto 5px;
font-size: 14px !important;
text-align: center;
color: #000;
font-family: Calibri !important;
}

.kontext_form .span {
margin: 5px auto -5px;
font-size:12px;
width: 180px;
color: #fff;
display: none;
}

.kontext_form input[type=text] {
margin: 10px auto 0;
display: block;
padding: 10px 15px;
height: 20px;
width: 180px;
font-size: 14px;
font-family: Calibri;
border: none;
box-shadow: 0 0 5px #000 inset;
border-radius: 3px;
}

.kontext_form input[type=button] {
background: url(/images/kont_button.png) left top no-repeat;
width: 224px;
height: 55px;
margin: 7px auto 0;
cursor: pointer;
font-family: Calibri;
font-size: 24px;
font-weight: bold;
color: #fff;
padding: 0px 0 0 0;
text-align: center;
border: none;
}

.kontext_form input[type=button]:hover {
background-position: left bottom;
}

.kontext_form .inProcess {
padding: 0;
margin: 20px auto 0;
width: 31px;
height: 31px;
}

.blog > h1 {
padding: 0px 0px 10px;
margin: 0px 0px 24px;
background: url(../i/line.gif) no-repeat 0px bottom;
}

.category_description {
margin-bottom: 70px !important;
}

#mc_embed_signup label {
color: #fff;
text-shadow: 1px 1px #333;
}

#mc_embed_signup input.email {
margin: 0px auto 10px !important;
}

#mc_embed_signup .button {
margin: 0 auto !important;
display: block !important;
background-color: #a1c828 !important;
}

#mc_embed_signup .button:hover {
background-color: #ef5300 !important;
}

#mc_embed_signup form {
text-align: center;
background-color: #888;
width: 400px;
margin: 0 auto;
border-radius: 6px;
padding: 10px 3% 10px;
}

#mc_embed_signup h2 {
color: #fff;
background: none;
}

#mc_embed_signup .indicates-required {
display: none;
}

#mc_embed_signup .asterisk {
display: none;
}

#hover-details-freebie .details h4 {
text-align: center;
padding: 0px 10px;
font-size: 16px;
line-height: 1em;
text-shadow: 0 0 1px #111;
}


#hover-details-freebie .details h6 {
text-align: center;
padding: 0px 10px;
font-size: 16px;
line-height: 1em;
text-shadow: 0 0 1px #111;
}

#hover-details-freebie div.hover-details .details {
background: url(../images/more.png) no-repeat center rgba(24, 24, 24, 0.6);
}

#head.rolled {
position: fixed;
top: -165px;
left: 0;
z-index: 1100;
background: #fff;
width: 100%;
height: 160px;
box-shadow: 0 0 5px #000;
overflow: hidden;
     -webkit-transition: all 0.5s ease 0.3s;
     -moz-transition: all 0.5s ease 0.3s;
     -o-transition: all 0.5s ease 0.3s;
     transition: all 0.5s ease 0.3s;

position: fixed;
top: -165px;
left: 0;
z-index: 1100;
background: #fff;
width: 100%;
height: 100px;
box-shadow: 0 0 5px #000;
overflow: hidden;
     -webkit-transition: all 0.5s ease 0.3s;
     -moz-transition: all 0.5s ease 0.3s;
     -o-transition: all 0.5s ease 0.3s;
     transition: all 0.5s ease 0.3s;
}

#head.rolled header .logo{

}

#head.rolled header .logo{
margin: 43px 90px 0px 80px;
}

#head.rolled header .logo img{
height: 100px;
width: auto;
}

#head.rolled header .rside-phone {
margin: 57px 0px -40px 30px;
zoom: 0.9;
}

#head.rolled header nav{
margin: -26px 0 0 0;
}

#head.rolled header{
width: 1200px;
margin: auto;
}

#head-dummy {
display: none;
height: 219px;
width: 100%;
}

.banner_2_21 {
background: url(/images/bx_lr.png) left 33px no-repeat;
width: 765px;
height: 500px;
color: #000;
}

.banner_2_21 .banner_item{
float: left;
}

.banner_2_21 .banner_item:nth-child(3) ul{
margin-left:10px;
}

.banner_2_21 .banner_m{
background: url(/images/bx_m.png) left top no-repeat;
width: 263px;
height: 500px;
}

.banner_2_21 .banner_item .btn{
width: 182px;
height: 36px;
background: url(/images/bx_lr_btn_21.png) left top no-repeat;
margin: 0 auto;
font-size: 30px;
font-family: 'Myriad Pro', Calibri;
text-align: center;
padding: 15px 0 0;
cursor: pointer;
}

.banner_2_21 .banner_item .btn:hover{
background-position: left bottom;
}

.banner_2_21 .banner_item.banner_m .btn {
background: url(/images/bx_m_btn_21.png) left top no-repeat;
height: 37px;
font-weight: bold;
margin-top: 30px;
}


.banner_2_21 .banner_item.banner_m .btn:hover {
background-position: left bottom;
}

.banner_2_21 .banner_item h2{
background: none;
font-family: 'Myriad Pro', Calibri;
font-size: 25.9px;
font-weight: normal;
text-align: center;
margin-top: 45px;
color: #000;
}

.banner_2_21 .banner_item.banner_m h2{
background: none;
font-family: 'Myriad Pro', Calibri;
font-size: 45px;
font-weight: bold;
margin-top: 7px;
}

.banner_2_21 .banner_item h3{
text-align: center;
font-family: 'Myriad Pro', Calibri !important;
font-size: 42px !important;
text-shadow: 1px 1px 0px #fff;
margin-top: 35px;
color: #000;
}

.banner_2_21 .banner_item.banner_m h3{
font-family: 'Myriad Pro', Calibri !important;
font-size: 40px !important;
text-shadow: 1px 1px 0px #fff;
font-weight: bold !important;
margin-top: 45px;
}

.banner_2_21 .banner_item ul{
font-family: 'Myriad Pro', Calibri;
font-size: 15px;
margin-top: 43px;
}

.banner_2_21 .banner_item.banner_m ul{
margin-top: 64px;
}
.banner_2_21 .banner_item ul li{
list-style: none;
height: 17px;
margin: 0;
font-family: 'Myriad Pro', Calibri;
font-size: 15px;
padding: 10px 0 10px 40px;
border-bottom: 1px solid #e9e9e9;
width: 165px;
letter-spacing: 0px;
list-style-position: inside;
display: block;
color: #000;
}

.banner_2_21 .banner_item ul li b{
font-weight: bold;
}

.banner_2_21 .banner_item ul li:last-child {
border: none;
}

.banner_2_21 .banner_item ul li:nth-child(1){
background: url(/images/bx_l1.png) left 50% no-repeat;

}

.banner_2_21 .banner_item ul li:nth-child(2){
background: url(/images/bx_l2.png) left 50% no-repeat;
}

.banner_2_21 .banner_item ul li:nth-child(3){
background: url(/images/bx_l3.png) left 50% no-repeat;
}

.banner_2_21 .banner_item ul li:nth-child(4){
background: url(/images/bx_l4.png) left 50% no-repeat;
}

.banner_2_21 .banner_item ul li:nth-child(5){
background: url(/images/bx_l5.png) left 50% no-repeat;
}

.pluses21 {
margin-top: 60px;
height: 300px;
margin-bottom: 50px;
}

.pluses21 h2{
font-size: 27.5px;
font-family: 'Myriad Pro', Calibri;
font-weight: bold;
padding: 17px 0 22px 76px;
margin-bottom: 25px;
}

.pluses21 p{
font: 17.5px 'Myriad Pro' normal;
font-family: 'Myriad Pro', Calibri !important;
font-size: 17.5px;
letter-spacing: 0;
padding: 0 10px 0;
}

.pluses21 .plus1, .pluses21 .plus2, .pluses21 .plus3{
float: left;
width: 249px;
margin: 0 2px;
}

.pluses21 .plus1 h2{
background: url(/images/bx_plus1_21.png) left top no-repeat;
}

.pluses21 .plus2 h2{
background: url(/images/bx_plus2_21.png) left top no-repeat;
}

.pluses21 .plus3 h2{
background: url(/images/bx_plus3_21.png) left top no-repeat;
}

/*-стили новой формы с анной кравец-*/

#annaForm {
padding: 10px;
width: 740px;
color: #595757;
box-sizing: content-box;
}

#annaForm > h2{
font-family: Calibri;
font-size: 23px;
font-weight: normal;
background: none;
padding: 0;
}

#annaForm > h2 span{
font-weight: bold;
}

#annaForm .left{
float: left;
width: 186px;
margin: 0 19.5px 0 0;
}

#annaForm .left img{
width: 186px;
height: 186px;
margin: 0 0 16px 0;
border: 1px solid #505050;
}

#annaForm .left p{
font-family: Calibri;
font-size: 12px;
font-weight: normal;
margin: 0;
text-align: center;
letter-spacing: 0px;
line-height: 15px;
}

#annaForm .left p span{
font-size: 23.3px;
}

#annaForm .right input[type=text]{
padding: 4px 11px;
font-family: Calibri;
font-size: 23px;
font-weight: normal;
box-shadow: 0 0 1px #fafafa inset;
border: 1px solid #e6e6e6;
width: 510px;
margin-top: 0;
margin-bottom: 22.5px;
box-sizing: content-box;
}

#annaForm .right input[type=button]{
background-color: #9ec427;
border: none;
font-size: 23.3px;
font-family: calibri;
color: #595757;
text-align: center;
width: 263px;
height: 32px;
display: block;
cursor: pointer;
}

#annaForm .right input[type=button]:hover{
background-color: #feb901;
}

#annaForm .right textarea{
padding: 4px 11px;
font-family: Calibri;
font-size: 23px;
font-weight: normal;
box-shadow: 0 0 1px #fafafa inset;
border: 1px solid #e6e6e6;
width: 510px;
margin-top: 0;
margin-bottom: 22.5px;
box-sizing: content-box;
}

#annaForm .right .protected{
background: url(/images/annaProtected.png) left top no-repeat;
font-family: Calibri;
font-size: 13.6px;
font-weight: normal;
padding: 7px 0 0 35px;
margin: 0 32px 0 0;
height: 27px;
float: left;
}

#annaForm .inProcess {
display: none;
margin: 0 0 0 500px;
padding: 8px 0 0 40px;
height: 32px;
width: 200px;
font-size: 13.6px;
font-family: Calibri;
}

#annaForm .darkWrapper {
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
z-index: 1200;
left: 0;
top: 0;
position: fixed;
display: none;
}

#annaForm .thanks {
display: none;
width: 380px;
height: 180px;
position: fixed;
top: 35%;
left: 35%;
background-color: #ccc;
border-radius: 7px;
text-align: center;
color: #000;
z-index: 1300;
}

#annaForm .thanks p{
font-family: Calibri;
font-size: 14px;
font-weight: normal;
margin: 20px 0 20px;
}

#annaForm .thanks p span{
font-family: Calibri;
font-size: 36px;
font-weight: normal;
}

#annaForm .thanks input[type=button]{
background-color: #9ec427;
cursor: pointer;
width: 260px;
height: 34px;
font-family: Calibri;
font-size: 25px;
font-weight: normal;
border: none;
}

#annaForm .thanks input[type=button]:hover{
background-color: #feb901;
}

.form_callback .formSended {
position: relative;
display: none;
background: none;
padding: 0 !important;
color: #111;
text-align: left;
font-size: 14px;
line-height: 1.2em;
width: 100%;
left: 0;
top: 0;
font-family: Arial;
}

#head .menu ul {
display: none ;
}

h3.likeh2 {
font-size: 24px !important;
  color: #505050;
  padding: 0px 0px 10px;
  margin: 0px 0px 24px;
  line-height: 1.1 !important;
  background: url(../i/line.gif) no-repeat 0px bottom;
  font-family: 'officinasanscregular', Arial, sans-serif !important;
  font-weight: normal !important;
}

h3.likeh2 a{
font-size: 24px !important;
text-decoration: none;
}