@charset "utf-8"; 
/* CSS Document */ 
/*
Гурский Сергей
*/

 body{
 width:970px;
 margin:0 auto;
 background:#800080;
 background-image:url('img03.jpg');
 background-position:center;
 color:#800080;
 font-size: 13px;
 font-family: sans-serif;
 -webkit-overflow-scrolling: none;
}
#container{
 position:absolute;
 top:0;
}
 p{padding:0 0.2em 0.2em 0.2em; text-align:justify;}

/*--------------------Header--------------------*/
#page_header{
	position: fixed;
	text-align: center;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 93px;
	margin: 0 auto;
	z-index: 9999;
}
#page_header_Container{
	position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#social{
}
#header_Logo{
}
#telefons{
 position:absolute;
 left:306px;
 top:0px;
 width:240px;
 height:120px;
 text-align: center;
 z-index:11;
 color:#FFF;
}
#tf_Text1{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 30px;
 font-weight: bold;
}
#tf_Text2{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 30px;
 font-weight: bold;
}
#tf_Text3{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 17px;
}
#tf_Text4{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 17px;
}

#akcia{
 position:absolute;
 left:560px;
 top:0px;
 width:256px;
 height:100px;
 background-image:url('akcia_fon.jpg');
 z-index:18;
}

#callback1{
 position:absolute;
 left:650px;
 top:6px;
 width:325px;
 height:20px;
 text-align:right;
 z-index:19;
}

/*--------------------End Header-----------*/
/*--------------------Post--------------------*/
#calculator{
 position: relative;
 width: 800px;
 margin: 0 auto;
}
#calculator_text{
 position: absolute;
 left: 500px;
 width: 300px;
}
#calculator_mat{
 width: 450px;
    box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 0 1px 2px #000;
	border: solid 3px #800080;
}

#Layer1{
 position: absolute;
 top: 94px;
 width:940px;
 float:left;
 border: solid 1px #800080;
 -moz-border-radius:0px 0px 7px 7px; /* Для Firefox */
 -webkit-border-radius:0px 0px 7px 7px; /* Для Safari и Chrome */ 
 border-radius:0px 0px 7px 7px;
 margin:5px 2px 10px 7px;
 padding:10px;
 color:#222;
 background:#FFF;
}
#backform{
 position:relative;
 width:520px;
 margin: 0 auto;
}
.alignright{float: right;}
.alignright img, img.alignright{margin: 1em; margin-right: 0;}
.alignleft{float: left;}
.alignleft img, img.alignleft{margin: 1em; margin-left: 0;}
.aligncenter, div.aligncenter, .aligncenter img, img.aligncenter{display: block; margin-left: auto; margin-right: auto;}

/*--------------------End Post---------------*/
/*--------------------Gallery--------------------*/
.example-image {
 border: 5px white solid;
}
.example-image:hover {
 border: 5px #3399FF solid;
}

.separator_gall {
}

/*--------------------End Gallery------------*/

/*--------------------Books Card--------------------*/
/*--------------------End Books Card---------*/

/*--------------------Slider skinali--------------------*/
#slides {position:relative; top:25px; left:85px;}
#slides .slidesContainer {background:#fff;	border:8px solid #fff;	margin-left:-8px;	box-shadow: 0 2.5px 5px rgba(0,0,0,.1);}
#slides .slidesNext,#slides .slidesPrevious {
	position:absolute;
	top:134px;
	left:-40px;
	width:24px;
	height:0;
	padding-top:32px;
	display:block;
	z-index:101;
	overflow:hidden;
	background:url(../img/navigation-previous.png) no-repeat 0 0;
}

#slides .slidesNext {left:798px; background:url(../img/navigation-next.png) no-repeat 0 0;}
.slidesPagination {margin:10px 0 0; float:left;}

.slidesPagination li {float:left; margin:0 1px;	list-style:none;}

.slidesPagination li a {
	display:block;
	width:14px;
	height:0;
	padding-top:14px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	overflow:hidden;
}

.slidesPagination li.slidesCurrent a {background-position:0 -14px;}

.current_slide {font:bold 10px/1.33 sans-serif;	float:left;	margin-top:12px;}

.controls {
	display:block;
	margin-top:12px;
	float:left;
	color:#333;
	font:bold 10px/1.33 sans-serif;
	margin-right:10px;
}
/*--------------------End Slider skinali------------*/

 .spacer {clear:both;}
/*--------------------Footer--------------------*/
#page_footer{
 position: absolute;
 top: 10300px;
 width: 940px;
 left: 20px;
 color:#FFF;
 margin:4px 0 0 0;
 /*border: solid 1px #D1D1D1; 
 -moz-border-radius:10px 10px 0 0; /* Для Firefox */
 /*-webkit-border-radius:10px 10px 0 0; /* Для Safari и Chrome */
 /*border-radius:10px 10px 0 0;*/
}
/*--------------------End Footer-------------*/

/*a{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #B28138;
}
a:link{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #B28138;
}
a:visited, a.visited{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #542F21;
}
a:hover, a.hover{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #0688E5;
}*/

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/* Start Content headings Fonts & Colors
font-family: Georgia, "Times New Roman", Times, Serif;
*/
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: 'font_INF76__C', Sans-Serif;
  font-size: 42px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #222;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family:'font_ARBAT-BO',Sans-Serif;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  color: #A85E43;
  margin: 50px 0 10px 0;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family:'font_ARBAT', Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  color: #96543C;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family:'font_ARBAT', Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #96543C;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #96543C;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #96543C;
}

/*=====================================================================*/
input[type=text], input[type=password], textarea, input[type=submit], input[type=button], button, .btn { 
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    font: 400 14px Arial, sans-serif;
}
input[type=text], input[type=password], textarea { 
    padding: 2px 0px;
    margin: 3px 0px; 
    width: auto;
    border: 0px;
    outline: none;
    color: #393d49;
    background: #fff;
    font-style: italic;
    box-shadow: inset 1px 2px 1px 1px rgba(0,0,0,0.45);
    -moz-box-shadow: inset 1px 2px 1px 1px rgba(0,0,0,0.45);
    -webkit-box-shadow: inset 1px 2px 1px 1px rgba(0,0,0,0.45);
}
input[type=submit], input[type=button], button, .btn {
    display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0px;
    line-height: 0px;
    height: 25px;
    border: 0px;
    cursor: pointer;
    text-decoration: none;
	width: 150px;
    position: relative;
	
    background: #00CC00;
	
    border-bottom: 2px solid #70a100;
	
    box-shadow: inset 0px 0px 5px 0px #adde3c;
    -moz-box-shadow: inset 0px 0px 5px 0px #adde3c;
    -webkit-box-shadow: inset 0px 0px 5px 0px #adde3c;
}

input[type=submit]:hover, input[type=button]:hover, button:hover, .btn:hover {
    background: #9fd61f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ababab }
input:-moz-placeholder, textarea:-moz-placeholder { color: #ababab }

/*=====================================================================*/

section{
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

section article{
	width: 940px;
	margin: 0 auto;
	padding: 50px 0px 50px 0px;
	text-align: center;
}

/*=================================================================================================*/

.benefits {
    width: 100%;
    height: 582px;
}

.benefits .items {
    text-align: center;
    font-size: 0px;
    margin: 0px -25px 0px -25px;
    width: 1000px;
}

.benefits .item {
    width: 320px;
    height: 172px;
    display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
    margin: 0px 19px 32x;
    font-size: 14px;
    text-align: left;
    position: relative;
    opacity: 1;
}

.benefits .item.not {
    opacity: 0;
    -webkit-transform: translate3d(0px, 40px, 0);
    transform: translate3d(0px, 40px, 0);
}

.benefits .item .more {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 330px;
    height: 172px;
    max-height: 172px;
    padding: 0px 4px 0px;
	
    background: #fff;
}

.benefits .item .more .btm {
    content: '';
    display: block;
    background: url(emb.png) no-repeat center bottom;
    position: absolute;
    top: 100%;
    left: -4px;
    margin-top: -149px;
    width: 338px;
    height: 149px;
}

.benefits .item:hover .more .btm {
    margin-top: -89px;
}

.benefits .item:hover {
    /*z-index: 3;*/
}

.benefits .item:hover .more {
    height: auto;
    max-height: 700px;
}

.benefits .item .count {
    width: 72px;
    text-align: center;
    padding-top: 4px;
    position: relative;
    z-index: 2;
}

.benefits .item .text {
    width: 222px;
    position: relative;
    z-index: 2;
}

.benefits .item .text .title {
	font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0080D7;
    line-height: 1.3;
    margin-bottom: 4px;
}

.benefits .item .text p {
    line-height: 1.4;
    font-size: 13px;
    font-weight: bold;
    height: 72px;
    overflow: hidden;
	
    max-height: 72px;
}

.benefits .item:hover .more .text p {
    height: auto;
    max-height: 700px;
}

.cl { clear: both !important; font-size:0; height:0; zoom:1 }
.fl { float: left }
.fr { float: right }
.anc { border-left: 12px solid transparent; padding-left: 18px; height: 60px; margin-bottom: 44px; }
.ane { border-left: 12px solid transparent; padding-left: 18px; height: 60px; margin-bottom: 0px; }
.anc h2 { position: relative; top: -6px; font-size: 28px; }
.ane h2 { position: relative; top: -6px; font-size: 28px; }
.anc h1 { position: relative; top: -6px; }
.anc.org { border-color: #ff4d27 }

.cbenefits {
    width: 100%;
    height: 500px;
    background: url(benefits.jpg) no-repeat center top;
    position: relative;
    overflow: hidden;
}

.cbenefits .satisfied {
    width: 285px;
    height: 287px;
    position: absolute;
    left: 50%;
    top: 110px;
    margin-left: -123px;
}
.cbenefits .satisfied.not {
    -webkit-transform: translate3d(0px, 240px, 0);
    transform: translate3d(0px, 240px, 0);
}
.cbenefits .col {
    width: 290px;
    font-size: 18px;
    font-style: italic;
    padding-top: 10px;
    opacity: 1;
}
.cbenefits .col.fr { width: 270px; padding-right: 20px; }
.cbenefits .col ul {
    line-height: 1.3;
    list-style: square;
    color: #ffcc00;
}
.cbenefits .col li {
    margin-bottom: 20px;
}
.cbenefits .col.fl li.not {
    opacity: 0;
    -webkit-transform: translate3d(-140px, 0px, 0);
    transform: translate3d(-140px, 0px, 0);
}
.cbenefits .col.fr li.not {
    opacity: 0;
    -webkit-transform: translate3d(140px, 0px, 0);
    transform: translate3d(140px, 0px, 0);
}
.cbenefits .col li span {
    color: #000;
    font-weight: bold;
}
/*=====================================================================*/
.dileram .col {
    width: 390px;
    font-size: 18px;
    padding-top: -50px;
}
.dileram .col.fl { padding-left: 80px; }
.dileram .col.fr { padding-right: 80px; }
.dileram .col p {
 min-height: 40px;
 padding: 5px;
 margin: 5px 5px;
 border: 3px solid #800080;
 -moz-border-radius:7px 7px 7px 7px; /* Для Firefox */
 -webkit-border-radius:7px 7px 7px 7px; /* Для Safari и Chrome */ 
 border-radius:7px 7px 7px 7px;
}
.dilerambottomcol {
 width: 700px;
 font-size: 18px;
 padding: 5px;
 margin: 0px auto;
 border: 3px solid #800080;
 -moz-border-radius:7px 7px 7px 7px; /* Для Firefox */
 -webkit-border-radius:7px 7px 7px 7px; /* Для Safari и Chrome */ 
 border-radius:7px 7px 7px 7px;
}
.dilerambottomcol p {
 text-align: center;
}


.how {
    width: 100%;
}
.how .items .brdr {
    position: relative;
    top: 36px;
    height: 1px;
    width: 800px;
    left: -20px;
    margin: 0 auto;
    background: #000;
}

.how .item {
    width: 180px;
    float: left;
    text-align: center;
    position: relative;
    z-index: 2;
}

.how .item .count {
    padding: 12px;
    margin: 0 auto;
    width: 69px;
    background: #fff;
}

.how .item .text h3 {
    font-size: 17px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.how .item .text p {
    font-size: 17px;
    text-align: center;
    line-height: 1.3;
    padding: 0 16px;
}

.how .calculate {
    text-align: center;
    margin-top: 34px;
}

/*=====================================================*/

/*=====================================================*/
.services{
	position: relative;
    overflow: hidden;
    padding: 20px 0 40px;
}
.items-wrap{
 position: relative;
 width: auto;
 height: 210px;
 overflow: hidden;
}
.item-title{
 color: #4f81bc;
 font-family:'font_ARBAT-BO',Sans-Serif;
 font-size: 28px;
 font-weight: bold;
 padding-left: 50px;
}
.item-txt{
 margin: 0px 0px 0px 20px;
}
.item-content-right{
    color: #000;
    font-size: 15px;
    border: 3px solid #800080;
 -moz-border-radius:0px 7px 7px 0px; /* Для Firefox */
 -webkit-border-radius:0px 7px 7px 0px; /* Для Safari и Chrome */ 
 border-radius:0px 7px 7px 0px;
    width: 435px;
    float: right;
    height: 162px;
    padding: 0px 0px 20px 14px;
    position: relative;
}
.item-content-left{
    color: #000;
    font-size: 15px;
    border: 3px solid #800080;
 -moz-border-radius:7px 0px 0px 7px; /* Для Firefox */
 -webkit-border-radius:7px 0px 0px 7px; /* Для Safari и Chrome */ 
 border-radius:7px 0px 0px 7px;
    width: 435px;
    float: left;
    height: 162px;
    padding: 0px 14px 20px 0px;
    position: relative;
}
.item-image-right{
    width: 465px;
    float: right;
    position: relative;
}
.item-image-left{
    width: 465px;
    float: left;
    position: relative;
}
.img-left-decor{
 position: absolute;
 width: 470px;
 height: 188px;
 top: 0px;
 left: 0px;
 background: url(views-bf.png) center right no-repeat;
}
.item-content-right-decor{
 position: absolute;
 width: 450px;
 height: 189px;
 top: -4px;
 left: -20px;
 background: url(views-d.jpg) center left no-repeat;
}
.img-right-decor{
 position: absolute;
 width: 470px;
 height: 188px;
 top: 0px;
 left: -2px;
 background: url(views-be.png) center left no-repeat;
}
.item-content-left-decor{
 position: absolute;
 width: 450px;
 height: 189px;
 top: -4px;
 left: 21px;
 background: url(views-d.jpg) center right no-repeat;
}