/* CSS Document */
@import url('reset.css'); 
@import url('typography.css');

/* 1 вариант
.inpfun{
box-shadow: 8px 4px 8px rgba(0, 0, 0, 0.24);
border:none;
}
*/
.inpfun{
box-shadow: 8px 4px 8px rgba(0, 0, 0, 0.24);
border: dashed 1px;
border-radius: 5px;
}
#content-news ul{
	margin:0px 20px;
	padding:0px;
}

div#callb{
position: fixed;
bottom: 5%;
right: 10%;
z-index:1000;
height:50px;
width:150px;
}

@media screen and (max-width:1024px){
div#callb{
position: absolute;
top: 8%;
right: 10%;
}
}
@media screen and (max-width:1005px){
div#callb{
position: absolute;
top: 6%;
left: 21%;
}
}

div#top{
 margin:0px auto;
 width:1000px;
}

div#top-right{
 margin:0px auto;
 width:850px;
}

div#header {
background: url('../img/header-bar-bg.png') repeat-x;
/*border-bottom: 2px groove #ffffff;*/
height: 128px;
width: 100%;
}
/*div#header {
background: url('../img/top-bar.png') no-repeat;
height: 171px;
width: 100%;
margin:0px auto 0px auto;
}
*/
div#logo {
/*background: url('../img/logo1.png') no-repeat;*/
background-color: transparent;
/*background-image: url("../img/logo1.png");*/
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
height: 164px;
width: 164px;
margin: 11px 0% 0px 0%;
/*margin-left: 24%;
margin-top:12px;*/
float:left;
}

div#lozung {
/*Original*/
/*background: url('../img/lozung.jpg') no-repeat 25% -25px;*/
background: url('../img/lozung.webp') no-repeat 25% -25px;

/*New Year 2018 */
/*background: url('../img/newyear2018.gif') no-repeat 25% -25px;*/

/*New Year*/
/*background: url('../img/logony2.jpg') no-repeat 25% -25px;*/
/*9May*/
/*background: url('../img/9may2.jpg') no-repeat 0 0;*/

background-color:transparent;
height:495px;
width:1125px;
margin:0px auto;
}


ul#mainm li {
display: inline;
margin-left:10px;
    float: left;
}

div#menu{
float:right;
margin: 1% 0%;
    padding-bottom: 3%;
/*width: 600px;*/
}

ul#test1 li{
	display:marker;
}
div#addr{
	float:right;
	width:80%;
}
div#phone{
/* 	background:url('../img/phone.png') no-repeat 0% center;
	background-size:16px 16px; */
	margin:8px 0px 5px 0%;
	width:700px;
}
div#addres{
	background-size:20px 22px;
	margin:0px 0px 0px 25%;
	width:600px;
}
div#addres a{
	text-decoration:none;
}

body {
	min-width:1090px;
/*NY background: transparent url("../img/342_03.jpg") repeat scroll 100% 100%;*/
}
div#uslugi{
	width:1125px;
	height:380px;
	margin: 0px 20% 0px 25%;
    /*margin:0px auto;*/
}
@media screen and (min-width:1025px){
div#uslugik{
	width:1200px;
	height:450px;
	margin:0px auto;
/* 	padding-left: 10%; */
}
}
@media screen and (max-width:1024px){
div#uslugik{
	width:900px;
	height:450px;
	margin:0px auto;
	/* padding-left: 10%; */
    }}
div#uslug a{
/*	margin: 5px 0px 0px 5px;*/
}

div#pzayavka{
/*	background:url('../img/pzayavka.png') no-repeat;
	width:315px;
	height:186px;
*/	float:left;
}

div#perech-doc{
	float:left;
}

div#kvitanc{
/*	background:url('../img/pzayavka.png') no-repeat;
	width:315px;
	height:186px;
*/	float:left;
}

img {
/*  border: 2px solid #53da3f;*/ /* Рамка вокруг изображения */
}         
img:hover {
/*  border: 2px solid #f26522;*/ /* Рамка при наведении на рисунок курсора мыши */
}

div#uslug{
/*	background:url('../img/uslug.png') no-repeat;
	width:315px;
	height:186px;
*/	float:left;
}
div#skidki{
/*	background:url('../img/skidki.png') no-repeat;
	width:315px;
	height:186px;
*/
	float:left;
}
div#uslugi img {
	transform: scale(1,1);
	transition-timing-function: ease-out
	transition-duration: 250ms;
	/* Chrome and Safari */
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out
	-webkit-transition-duration: 250ms;
	/* Firefox */
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out
	-moz-transition-duration: 250ms;
	/* IE 9-10 */
	-ms-transform: scale(1,1);
	-ms-transition-timing-function: ease-out
	-ms-transition-duration: 250ms;
	/* Opera */
	-o-transform: scale(1,1);
	-o-transition-timing-function: ease-out
	-o-transition-duration: 250ms;

	opacity: 1;
	text-decoration: none;
	display: block;
	width: 316px;
	height: 186px;
	float: left;
	margin: 10px 10px 10px 0px;
}

div#uslugi img:hover {
	transform: scale(1.05,1.07); /* Change these numbers to suit your needs */
	-webkit-transform: scale(1.05,1.07);
	-moz-transform: scale(1.05,1.07);
	-ms-transform: scale(1.05,1.07);
	-o-transform: scale(1.05,1.07);

	opacity: 1;
	position: relative;
	z-index: 99;
}

div#uslugik img {
	transform: scale(1,1);
	transition-timing-function: ease-out
	transition-duration: 250ms;
	/* Chrome and Safari */
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out
	-webkit-transition-duration: 250ms;
	/* Firefox */
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out
	-moz-transition-duration: 250ms;
	/* IE 9-10 */
	-ms-transform: scale(1,1);
	-ms-transition-timing-function: ease-out
	-ms-transition-duration: 250ms;
	/* Opera */
	-o-transform: scale(1,1);
	-o-transition-timing-function: ease-out
	-o-transition-duration: 250ms;

	opacity: 1;
	text-decoration: none;
	display: block;
	width: 316px;
	height: 186px;
	float: left;
	margin: 10px 80px 10px 0px;
}

div#uslugik img:hover {
	transform: scale(1.05,1.07); /* Change these numbers to suit your needs */
	-webkit-transform: scale(1.05,1.07);
	-moz-transform: scale(1.05,1.07);
	-ms-transform: scale(1.05,1.07);
	-o-transform: scale(1.05,1.07);

	opacity: 1;
	position: relative;
	z-index: 99;
}


div#futer{ 
background:url('../img/futer-bar-bg.png') repeat-x;
height:130px;
width:100%
}
div#bottom{ 
background:url('../img/bottom-bar-bg.png') repeat-x;
height:22px;
width:100%
}
div#addrf{
	width:500px;
	margin:0px auto;
}
div#phonef{
	margin:0px 0px 0px 10%;
	padding-top:10px;
}
div#addresf{
/*	background:url('../img/topoznak.png') no-repeat 0% center;
	background-size:20px 22px;
	margin:0px 0px 0px 6%;
	*/
}
div#map{
	margin:0px auto;
	width: 800px;
	height:430px;
}
div#content-left {
	float:left;
    height:100%;
	width:350px;
}
div#content-main {
    height:100%;
	width:1000px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
div#content{
	/*background: url("../img/sotrudn.png") no-repeat 100% 100%;
    */
	width:1045px;
	height:auto;
	margin:35px auto 15px auto;
}
div#content-o_kompanii{
/*	background: url("../img/fon3.jpg") no-repeat 0 0;
	*/
	margin:0px auto;
	width:1000px;
	height:100%;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
div#content-o_kompanii-right{
	/* width:20%;
	height:100%; */
	float:right;
	padding-top:85px;
}
div#content-o_kompanii-text{
	margin:0px auto;
	width:700px;
	height:100%;
/*	padding-left:350px;
*/	padding-top: 60px;
	padding-bottom:20px;
}
div#content-distig{
	margin:60px auto;
	width:830px;
	height:100%;
}
div#content-distig img{
	}
a.top-menu:hover{
	color: #332F71;
}
div#content-perech-doc{
	margin:0px auto;
	width:1000px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
	/*text-align:center;
	*/
}
div#content-perech-doc-img{
	background: url("../img/left-big1.png") no-repeat 0 0;
	margin:0px auto;
	width:314px;
	height:1099px;
	padding-top:60px;
	padding-bottom:20px;
	float:left;
	/*text-align:center;
	*/
}
div#content-perech-doc-txt{
	margin:0px auto;
	width:600px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
	padding-left:30px;
	float:left;
	/*text-align:center;
	*/
}
div#content-kak-rabotaem{
	margin:0px auto;
	width:1000px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
	text-align:left;
}

div#content-kak-rabotaem p{ 
	align:middle;
}


div#content-kvitanc{
	margin:0px auto;
	width:1000px;
	height:500px;
	padding-top:60px;
	text-align:center;
}
div#content-pzayavka{
	margin:0px auto;
	width:1000px;
	height:500px;
	padding-top:60px;
	text-align:center;
}
div#content-uslugi{
	margin:0px auto;
	width:1200px;
	height:100%;
	padding-top:80px;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
div#content-uslugi-img{
	background: url("../img/left-big2.png") no-repeat 0 0;
	margin:0px auto;
	width:314px;
	height:1099px;
	padding-top:60px;
	padding-bottom:20px;
	float:left;
	/*text-align:center;
	*/
}
div#content-uslugi-txt{
	margin:0px auto;
	width:500px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
	padding-left:30px;
	float:left;
	/*text-align:center;
	*/
}

div#content-news{
	margin:0px auto;
	width:800px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
div#content-akcii{
	margin:0px auto;
	width:880px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
div#content-forma_pz{
	margin:0px auto;
	width:880px;
	height:100%;
	padding-bottom:20px;
	padding-top:60px;
	text-align:center;
}
div#kont-dann{
	margin:0px auto;
	width:880px;
	height:100%;
	padding-bottom:20px;
/*	padding-top:60px;
*/
	line-height:25px;

}
#content-forma_pz styled{
border-width: 2px 0px 0px 2px;
border-style: solid none none solid;
border-color: #9F9F9F -moz-use-text-color -moz-use-text-color #9F9F9F;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 3px;
box-shadow: 1px 1px 0px 0px #DFDFDF inset;
}
div#content-callback{
	margin:0px auto;
	text-align:center;
	padding-top:60px;
}
.b-webform__label {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

/* line 11, assets/blocks/_b-webform.scss */
.b-webform__value {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-left: 2em;
}
.b-webform__item {
    display: table-row;
  }
.b-webform__label {
    display: table-cell;
  }

  /* line 25, assets/blocks/_b-webform.scss */
  .b-webform__value {
    display: table-cell;
  }
.b-webform__list{
	margin: 0px auto;
	width: 400px;
	font-size: 1.25rem;
}
.b-webform__description{
	font-size:1.25rem;
	}
div#content-uslugi-teho-img{
	margin:0px auto;
	text-align:center;
}
div#content-uslugi-teho-txt{
	margin:0px auto;
	text-align: justify;
}
.spisok{
}
.ribbon {
   width: 700px;
   position: absolute;
   text-align: center;
   font-size: 28px!important;
   background: #d64b4b;
   background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: Arial, sans-serif;
   }
.ribbon h1 {
   font-size: 35px!important;
   color: #801111;
   text-shadow: #d65c5c 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   line-height:1em;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #c23a3a;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #871616 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }
.ist{
	font-size:0.7em;
}
div#content-newse{
	margin:0px auto;
	width:80%;
	height:auto;
	padding-top:60px;
	padding-bottom:20px;
	/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
.loginf{
	float: right;
	width: 20%;
	height: 70px;
}
.autoriz{
	position: fixed;
	height: auto;
	width: auto;
	padding: 20px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	color: red;
	font-size: 1.5em;
	/*Красивая форма http://layerstyles.org/builder.html */
	border: 1px solid black;
	border-radius: 9px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	-webkit-box-shadow: 5px 5px 26px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 26px 4px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 26px 4px rgba(0,0,0,0.75);

}
div#content-partn{
	margin:0px auto;
	width:880px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
.pusher{
    clear: both;
    height: 15px;
}
/* div#content-news{
    margin:0px auto;
    width:880px;
    height:100%;
    padding-top:60px;
    padding-bottom:20px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}
body{
    background: transparent url("../img/rastr3.png") repeat scroll 0% 0%;
} */
div#content-statii {
 	margin:0px auto;
	width:880px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
.sotr_wrap{
	margin-bottom: 20px;
}
.clientWrap {
    width: 28%;
    margin-right:8%;
    float:left;
    vertical-align:middle;
    height:160px;
}
.clientImg {
    width:98px;
    text-align:center;
    padding-right:30px;
}
.clientImg img {
    display:inline;
}
.tableCell {
    display: table-cell;
    vertical-align:middle;
}
.clientWrap a {
    color:#00516e;
    font-family:Arial, Helvetica;
    font-weight:bold;
    font-size:13px;
}
div#content-rabota{
	margin:0px auto;
	width:880px;
	height:100%;
	padding-top:60px;
	padding-bottom:20px;
	/*NY	background-color: rgba(255, 255, 255, 0.76);*/
}
div#content-rabota ul{
	list-style-type: circle;
	padding-left: 5%;
}
div#menu {
color: #C5C6C6;
font-family: Arial, sans-serif;
font-size: 25px;
font-style:italic;
font-weight: normal;
text-decoration: none; 
}

div#menu a:hover {
	color: #332F71;
	text-decoration: none; 
/*	background:url('../img/menu-bg2.png') repeat;
*/
	width:100%;
	height:100%;
	margin: 0px auto;
	
background: rgba(254,254,254,1);
background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe', GradientType=1 );	
}
.b-button {
    width: auto;
    height: auto;
    background-color: #087EC3;
    font-size: 30px;
	color: white;
	border-radius: 3px;
	border: 2px;
}
.dropdown-menu{
    font-size: 0.7em;
    color: black;
}
.dropdown-menu a{
    color: black;
    text-decoration: none;
}
/*
div#main-content{
    background-color: rgba(255, 255, 255, 0.75);
}*/