/* ----
1.  .block-1-page
        - .block-1-page-text
        - .order
2.  .block-2-page
		- .block-2-page-text
		- .block-2-menu
3.  .block-3-page
		- .block-3-page-text
4.  .block-4-page
		- .teble
5.  .block-5-page
		- .block-5-pag-text

-----
6.  .bl-pageForm-1
7. 	.bl-aboutus

/* ---- 


/* ---- .block-1 ---- */

.block-1-page {
    background:url(../images/b19.jpg) center no-repeat;
	    -moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
}
.block-1-page-text {
	  /* height: 400px; */
 	 padding: 70px 0 120px 0;
	  /* text-align: center; */
 	 font-size: 18px;
 	 color: #fff;
 	 line-height: 1.7;

}
.block-1-text-page h1 {
    margin-top: -5px;
    padding-bottom: 20px;
    /*font-size: 45px;*/
}
.buttonWhite-page { 
    width: 266px;
 	text-align: center;
    height: 50px;
    display: block;
    padding: 7px;
    cursor: pointer;
    border: 1px solid #fff;
    font-size: 19px
}
.buttonWhite-page:hover { background-color: #458CED; } /*#95BE2A;*/
.buttonWhite-page:active { background-color: rgba(69, 140, 237, 0);}

/* ---- .block-2 ---- */

.block-2-page { background-color: #f9f9f9; }

.block-2-menu { 
	/*height: 50px;*/
	/*padding: 0;*/
	border-bottom: 1px solid #D3D3D3;
	background-color: #fff;
}
.block-2-menu span {
	display: inline-block;
	float: left;
	padding: 15px;
	color: #333;
	font-size: 16px;
	border-right: 1px solid #D3D3D3;
	cursor: pointer;
}
.block-2-menu .sp-border {border-left: 1px solid #D3D3D3;}
.block-2-menu span:hover {background-color: #f9f9f9; }

.bl-2-p {
	padding-top: 40px;
    padding-left: 20px;
    font-size: 45px;
}
.block-2-page-text {
    /*height: 400px;*/
    padding-top: 40px;
    padding-right: 10px;
    /*text-align: center;*/
    font-size: 14px;
    color: #333;
}
.block-2-page-text h3{
	padding-bottom: 25px;
	font-size: 23px;
}
.block-2-sale {
	margin: 0;
	font-size: 55px;
	padding: 25px 0;
}
.block-2-page-text .textmin{
	font-size: 18px;
	/*padding: 25px 0;*/
}	
.textSSP { font-family: "SourceSansPro-R", arial, verdana, tahoma, sans-serif;}
.color-border-1{ border-top: 2px solid #9E9C9C; color: #9E9C9C;}
.color-border-2{ border-top: 2px solid #9ECA2D; color: #9ECA2D;}
.color-border-3{ border-top: 2px solid #87B9FD; color: #87B9FD;}

.tariffTextNone {
	display: none;  
	float: left; 
  	padding-right: 15px;
}

.block-2-page-text ul{
	margin-top: 30px;
	padding: 0;
	padding-left: 20px;
	line-height: 1.7;
	list-style-type: circle;
}
.btnPage {
	margin-left: 20px;
  width: 220px;
  text-align: center;
  display: block;
 
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  font-size: 16px;
}
.btnPage a, .btnPage-span {
	color: #fff; 
	padding: 10px;
	display: block;
}
.btnPage a:hover, .btnPage-span:hover { text-decoration: none;}

.btnColor-1 { background-color: #9E9C9C; margin-top: 63px;}
.btnColor-2 { background-color: #9ECA2D; margin-top: 66px;}
.btnColor-3 { background-color: #87B9FD; margin-top: 40px;}

.btnColor-1:hover { background-color: #868080;}
.btnColor-2:hover { background-color: #8FB629;}
.btnColor-3:hover { background-color: #76A2DF;}

/* ---- .block-3 ---- */

.block-3-page { 
	/*padding-bottom: 50px;*/
	height: 690px;
	 background:url(../images/b3.jpg) center no-repeat;
	    -moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
}
.block-3-cover {
	height: 690px;
	 background-color: rgba(51, 51, 51, 0.63);
	z-index: 2;
	/*padding-bottom: 50px;*/
/*height: 400px;*/
}
.block-3-page-text {
	/*padding-bottom: 20px;*/
	display: none;
	padding: 0 20px 20px 20px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
.block-3-page h2, .block-4-recovery h2 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding : 45px 0;
}
.block-3-page h3{
	padding-bottom: 7px;
}
#h3-block {display: none;}

/* ---- .block-4 ---- */

.block-4-page {
	padding-bottom: 50px;
}
.table-bordered  {border: none;}

.table-bordered>tbody>tr>td, .table-bordered>thead>tr>td {
	border: 1px solid #ddd;
  	line-height: 2;
	vertical-align: middle;
    font-size: 15px;
}
.table>tbody>tr> .table-td-left,  .table>thead>tr> .table-td-left{
	text-align: left;
	padding-left: 25px;
}
.table>tbody>tr> .table-td-center, .table>thead>tr> .table-td-center {
	text-align: center;
}

.ff, .table>tbody>tr span {
	font-family: OpenSansS, serif;
}
.td-color {background-color: #fbfbfb;}

.td-btn {
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding: 0;
}
.td-btn a{ 
	color: #fff;
	display: block;
	padding: 8px;
}
.td-btn a:hover{ text-decoration: none;}

.block-4-page h2 {
	font-size: 34px;
	color: #333;
	text-align: center;
	padding : 50px 0;
}

/* ---- .block-5 ---- */

.block-5-page {
	/*height: 690px;*/
	/*padding: 50px;*/
	 background:url(../images/b5.jpg) center bottom no-repeat;
	    -moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
}
.block-5-cover {
	/*height: 690px;*/
	  border-bottom: 1px solid #D7D5D5;
	 background-color: rgba(51, 51, 51, 0.79);
	z-index: 2;
	
}
.block-5-page h2 {
	font-size: 45px;
	color: #fff;
	text-align: center;
	padding : 50px 0 10px 0;
}
.block-5-pag-text {
	color: #fff;
	/*text-align: justify;*/
	font-size: 15px;
	padding: 20px;
}
.block-5-pag-text h3{
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #fff;
	font-family: "OpenSansS", arial, verdana, tahoma, sans-serif;
	/*padding-left: 25px;*/
	/*text-align: center;*/
}
.block-5-pag-text .color-4 {color:  #ABDB2D;}
.block-5-pag-text .color-5 {color: #54BBFA;}
.block-5-pag-text .color-6 {color: #EFCD46;}

.block-5-pag-text p {padding-top: 10px;}
.sp-withe {color: #fff; padding-right: 5px;}
.sp-center {margin-left: 33px;}

 .arrow {
 	height: 581px;
 	width: 671px;
 	display: block;
 	margin-left: 244px;
 	position: absolute;
 	background: url(../images/st.png);
 	z-index: 2;
 }

/* ---- конец страицы бух обслуживания ---- */

/* ---- .bl-pageForm-1 ---- */

.bl-pageForm-1 {
	/*padding-bottom: 100px;*/
	background:url(../images/b6.jpg) center top no-repeat;
		-moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
	background-size: cover;
}
.pageForm-logo .logo{
	font: 30px "OpenSansS", sans-serif; 
	margin-top: 20px;
	margin-left: 65px;
}
.pageForm-box {
	height: 455px;
	padding: 50px;
	margin-top: 40px;
	font-size: 25px;
	  background-color: #f9f9f9;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	 -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.pageForm-control {
 margin-top: 20px;
 padding: 0;
}
.form-order, .form-textarea {
	width: 270px;
    height: 40px;
    float: left;
    margin: 10px 0;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    margin-right: 13px;
    color: #333;
    background-color: #fff;
}
textarea.form-textarea{
    height: 80px;
    width: 554px;
    margin: 10px 0;
    font-size: 16px;
}
.btnOrder { 
	float: right;
    display: block;
    width: 140px;
    height: 40px;
    margin-top: 5px;
    margin-left: 100px;
    border-radius: 5px;
    padding: 5px 22px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    font-size: 19px;
    background-color: #90B72A;
}
.btnOrder:hover { background-color: #7C9E22; }
.btnOrder:active { background-color: #95CACB; }

.btnBack {
	float: left;
	display: block;
    width: 138px;
    height: 38px;
    margin-top: 5px;
    /*margin-left: 400px;*/
    border-radius: 5px;
   /* padding: 4px 37px;*/
    cursor: pointer;
    color: #BBB;
    background-color: #F9F9F9;
    border: 1px solid #BBB;
    font-size: 19px;
    text-decoration: none;
}

.btnBack-p { padding: 4px 37px; }

.btnBack:hover {
	text-decoration: none;
	/*background-color: #90B72A;*/
	color: #333;
	border: 1px solid #333;
}

/*.fr .AJAX-contact { float: right; }*/

.pageForm-text {
	  margin-top: -10px;
	  /* padding-top: 35px; */
	  font-size: 20px;
	  color: #333;
	  text-align: center;
}
.tariff {
	height: 84px;
  	color: #95BE2A;
  	font-size: 22px;
  	margin-top: -5px;
  	margin-bottom: 0;
 }
/*.tariff-1 {display: none;}*/
/*.tariff-2 {display: none;}*/
.tariff-3 {height: 60px;}

.ulOrder {
	/*margin-top: 30px;*/
	  text-align: left;
	padding: 0;
	padding-left: 33px;
	line-height: 1.8;
	list-style-type: none;
	font-size: 14px;
}
.ulOrder span{color:  #90B72A;  margin-right: 10px;}

.ulOrder li:before {
  content: " ";
  /*margin-right: 10px;*/
  margin-left: -30px;
}
/*#ulOd-1 {display: none;}
#ulOd-2 {display: none;}
#ulOd-3 {display: none;}*/

/* ---- bl-pageForm-2 ---- */

.bl-pageForm-2 {
	padding:20px 0;
	color: #fff;
}
.bl-pageForm-2 a{ color: #fff;}

.bl-pageForm-2 .copyright, .bl-pageForm-2 .telefon {
	float: left; 
	color: #fff; 
	font-size: 16px;
}
.bl-pageForm-2 .telefon { float:right;  font-size: 20px;}

/* ---- страница с описанием обслуживания ---- */
/* ---- .block-1-aboutus ---- */

.block-1-aboutus {
    background:url(../images/b7.jpg) center bottom no-repeat;
	    -moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
}
.block-1-aboutus-cover {
	/*height: 690px;*/
	background-color: rgba(51, 51, 51, 0.31);
	z-index: 2;
	/*padding-bottom: 50px;*/
/*height: 400px;*/
}

/* ---- .block-2-aboutus ---- */

.block-2-aboutus {
	padding: 50px 0;

}
.block-2-aboutus h1, .block-4-aboutus h1 {
	margin-left: 20px;
	font-size: 40px;
	padding-bottom: 10px;
}
.block-2-aboutus-text {
	padding: 20px;
	text-align: justify;
	font-size: 16px;
}

/* ---- .block-3-aboutus ---- */

.block-3-aboutus {
	padding: 20px 0 40px 0;
	border-top:  1px solid #333;
	border-bottom:  1px solid #fff;
	background-color: #458CED;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.btnСomplaint {
	  margin: 0 auto;
	  margin-bottom: 13px;
	  margin-top: 32px;
	  width: 350px;
	  border: 1px solid #3D3C3C;
	  padding: 10px 20px;
	  background-color: #fff;
	  /*letter-spacing: 1.1px;*/
	  color: #424040;
	  cursor: pointer;
	  display: block;
	    border-radius: 3px;
	  font-size: 20px;
}
.btnСomplaint:hover {
  background-color: #FF1E08;
  color: #fff;
  border: 1px solid #fff;
}

/* ---- .block-4-aboutus ---- */

.block-4-aboutus {
		padding: 100px 0;
		  background: url(../images/ts6.png) center no-repeat,
		  url(../images/bg-texture.png) repeat;
}

/* ---- .block-5-aboutus ---- */

.block-5-aboutus {
	/*padding: 0;*/
	  /*border-top: 1px solid #fff;*/
	padding: 60px 0;
	/*background: url(../images/b9.jpg) center bottom no-repeat;*/
	/*color: #fff;*/
}
/*.block-5-aboutus-cover {
	padding: 60px 0;
	background-color: rgba(51, 51, 51, 0.67);
  	z-index: 1;	 	
}*/
.block-5-text-aboutus {
  padding-left: 230px;
  /* height: 500px; */
  background: url(../images/ts5.png) left bottom no-repeat;
}
ul.text-aboutus {
	width: 900px;
}
.text-aboutus li {
	font-size: 20px;
  list-style: none;
  padding: 16px 0;
  /*padding-right: 10px;*/
  line-height: 1.5;
}
.text-aboutus li:before {
  content: " ";
  margin-right: 0px;
  margin-left: -39px;
}
.text-aboutus span {
	font-size: 26px;
  font-weight: bold;
  color:  #41CED9;
  padding-right: 10px;
}

/* ---- .block-6-aboutus ---- */

.block-6-aboutus {
	padding: 50px 0;
	  border-bottom: 1px solid #fff;
	background-color: #262626;
	/*height:400px;*/
}
.block-6-text-aboutus {
	font-size: 16px;
	color: #fff;
	padding: 10px 12px;
}
.block-6-text-aboutus h3{
  padding-bottom: 10px;
}
.block-6-text-aboutus p{
	margin-top: 10px;
}


/* ---- .myModalBox ---- */

.pageForm-modal {
	width: 670px;
	height: 430px;
	padding: 50px;
	margin-top: 40px;
	font-size: 25px;
	  background-color: #f9f9f9;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	 -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
}

/* ----- стр восстановления бух учета ---- */

.block-3-recovery { 
	padding-bottom: 50px;
	 background-color: #458CED;
	 border-bottom: 1px solid #fff;	 
}
.block-3-recovery h2 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding : 45px 0;
}
.block-3-recovery-text {

	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
}
.block-3-recovery-text  span{
	margin-right: 20px;
    margin-top: 10px;
    top: 4px;
    font-size: 25px;
}
.colorSpan-1 { color: #5AFC40;}
.colorSpan-2 { color: #FADD4B;}

.block-3-recovery-text li:before {
  content: " ";
  margin-right: -45px;
}

.block-3-recovery-text li {
  list-style: none;
  line-height: 1.4;
  padding-bottom: 8px;
}

.block-4-recovery{ 
	/*padding-bottom: 50px;*/
	height: 690px;
	 background:url(../images/b10.jpg) center no-repeat;
	    -moz-background-size: cover; /* Firefox 3.6+ */
	    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
     
}

.block-4-recovery .block-3-cover { 
	border-bottom: 1px solid #fff;
}
.tarifftxt { font-size: 20px;}

/*#tr-1 {
	display: none;
	color: #80817E;
}*/
/*#tr-2 {
	display: none;
	color: #8FB629;
}
#tr-3 {
	display: none;
	color: #76A2DF;
}*/

/* ---- страница постановка бух учета */ 


.block-services-1{
  background:url(../images/b20.jpg) center top no-repeat;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* Современные браузеры */

}
.block-services-1 h1, .block-drafting-1 h1,
.block-unlocking-1 h1, .block-kadrovoe-1 h1, 
.block-nalog-1 h1, .titleP{
	padding-left: 25px;
}
.block-services-1 h1 span{
  font-size: 50px;
}
.block-1-page-services {
  /* height: 400px; */
  padding: 15px 0 60px 0;
  /* text-align: center; */
  font-size: 18px;
  color: #fff;
  line-height: 1.7;
}
.block-services-text-1 {
  font-size: 18px;
    line-height: 1.5;
  text-align: left;
  padding: 0 25px;
}

.block-services-1 .order, .block-drafting-1 .order{
  margin-top: 250px;
}
.block-services-2{
	padding: 70px 0 70px 0;
	/*padding: 70px 0 350px 0;*/
	/*background: url(../images/peeps.jpg) center bottom no-repeat;*/
	background-color: #F9F9F9;
	font-size: 18px;
}
.block-services-img {
background: url(../images/peeps.jpg) center right no-repeat;
}
.block-services-img-1 {
background: url(../images/b20.png) center right no-repeat;
}
.block-services-text-2 {
  text-align: justify;
}

/* ---- страница постановка бух учета */ 


.block-drafting-1{
  background:url(../images/b12.jpg) center no-repeat;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* Современные браузеры */

}
.block-unlocking-1 {
 background:url(../images/b18.jpg) center no-repeat;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* Современные браузеры */
}
.block-kadrovoe-1 {
 background:url(../images/b14.jpg) center top no-repeat;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* Современные браузеры */
}
.block-nalog-1 {
 background:url(../images/b16.jpg) center top no-repeat;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
  background-size: cover; /* Современные браузеры */
}




.bN {
	text-align: center;
  	width: 200px;
}
.bY {
	display: none; 
	width: 200px; 
	text-align: center;
	margin-bottom: 50px;
}
.bV {
	  font-size: 25px;
  border: 1px solid #fff;
  width: 250px;
  margin-top: 80px;
  /* padding: 15px 0; */
  background-color: #95BE2A;
  margin-left: 50px;
}
.btn-n {display: none;}

@media screen and (max-width: 1200px){

	textarea#orderAddress { width: 271px;}
	.pageForm-box { height: 540px;}
	.pageForm-text { margin-top: -28px; }
	 .block-3-cover { height: 100%; }
  .block-3-page { height: 100%; }
  .block-4-recovery {height: 100%; }
  .arrow {display: none;}

/*кнопки с формы звказа на order-page*/
#btnOrder { float: left; text-align: center;
			 width: 100%; margin-left: -16px;}
#btnBack { margin-top: 92px; width: 100%;}

  .sp-center { margin-left: 0px;}



/*дополнительные стр*/
.bN {display: none;}
.bY {display: block;}
.block-services-img {background-image: url(../images/o.png); }
.block-services-img-1 {background-image: url(../images/o.png);}
.block-drafting-1 {height: 100%;}

/*страница "почему мы"*/
ul.text-aboutus { width: 100%;}
.block-5-text-aboutus {background: url(../images/o.png);
					 padding-left: 0;}
.block-1-aboutus {  padding-right: 0;}
.block-4-aboutus { background: url(../images/ts6-2.png) center no-repeat, 
	url(../images/bg-texture.png) repeat;}




}
@media screen and (max-width: 991px){
	 /*страница с бух обслуживанием*/

  .block-1-page .container {padding: 0;}
  h3 .tariffTextNone {display: block;}
 
  .block-5-pag-text { padding: 0;}
  .arrow {display: none;}
  .sp-center { margin-left: 0px;}
  /*.block-5-page { padding-bottom: 20px; }*/
  .block-5-cover { padding-bottom: 50px; }


	 /*страница с формой при переходе с бух обслуживания*/
.pageForm-box { height: 100%; }
.tariff { height: 60px; }
.pageForm-text { margin-top: 35px;}
.tariff {text-align: left;}
.pageForm-text p {text-align: left;}
/*.fr {width: 100%;}*/
.form-order, .form-textarea { width: 100%;}
textarea#orderAddress { width: 100%;}
#btnOrder { float: right; text-align: center;
			 width:  140px; margin-left: 0;}
#btnBack { margin-top: 0; width:  140px;}

/*страница с восстановлением бух учета*/
.contP {padding: 0;}
.block-3-recovery-text br {display: none;}
.block-4-recovery {height: 100%;}
.block-services-text-1 {text-align: justify;}



}
@media screen and (max-width: 768px){
	.block-5-pag-text { padding: 20px; }
	.container {width:  100%;}
	span.buttonToOrder { margin: 0 auto; width: 100%; margin-top: 20px;}
	input.callUsTel { width: 100%;}
	.order { height: 100%;}

	.btnBack, .btnOrder { width: 100%; text-align: center; margin-top: 10px; }
	.pageForm-text { margin-top: 60px; }

	#btnOrder {width: 100%;}
	#btnBack {width: 100%;}
}
@media screen and (max-width: 668px){
	.pageForm-modal { width: 100%; }
	textarea.form-textarea { width: 100%; }
}

@media screen and (max-width: 557px){
	.block-3-cover {height: 100%;}
	.block-3-page {height: 100%;}
	.block-4-page {display: none;}
	.arrow {display: none;}
	.block-4-recovery {height: 100%;}

	 .block-3-recovery-text {font-size: 16px; text-align: left;}
}
   
/*мобильная версия*/
@media screen and (max-width: 410px){
   	.block-2-sale { font-size: 35px; }
   	.block-3-page h2, .block-4-recovery h2 { font-size: 32px; }
   	#h3-none {display: none;}
   	#h3-block {display: block;}
   	.block-7 { padding: 80px 0 10px 0; }
   	.btnPage { margin-left: 0px; }
   	.block-3-recovery h2 { font-size: 35px;}

   	.pageForm-text {display: none;}
  	.pageForm-box { padding: 20px;}
  	.pageForm-logo .logo { display: none; }
  	.btn-n {display: block;}
  	#btnBack { margin-top: 10px; }
  	.pageForm-control { padding-bottom: 50px; }


  	.btnСomplaint {width: 100%;}
  	.text-aboutus li {font-size: 16px;}
}