/*html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}*/

/*----------------------ШАПКА----------------------*/
.header__container{
	width: 1080px;
	margin:0 auto;
	overflow: hidden;
}

.header{
	background: url(../images/ba.png) 100% 0;
	padding-bottom: 10px;
	border-bottom: 6px solid #999db7;
  /*-webkit-background-size: cover;*/
  -moz-background-size: cover;
  -o-background-size: cover;
	overflow: hidden;
}
.image__settings{
	width: 87%;
}
.header__info{
	margin-top: 16px;
	float: left;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;

}
.header__info span {
	font-size: 16px;
  font-weight: 700;
}
.header__contacts{
	margin-top: 3px;
	float: left;
	line-height: 1.8;
	font-size: 25px;
  padding-left: 60px;
}
.header__logo{
	margin-top: 20px;
	float: left;
	display: block;
}
/*----------------------ПЕРВЫЙ БЛОК----------------------*/

.main__container{
	width: 1080px;
	margin:0 auto;
	overflow: hidden;
}
.main{
	background: url(../images/blocks.png);
	/*background: url(images/bg.jpg) ; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  padding-bottom: 300px;
}
.main__price{
	overflow: hidden;
  margin-left: 34%;
  padding-top: 190px;
	/*display: none;*/
}
.main__text__style{
	font-size: 55px;
	text-shadow: white 3px 1px, white 3px 3px, white 1px 3px, white -1px 3px, white -1px 0px, white -1px -1px, white 0px -1px, white 3px -1px;
}
/*----------------------ВТОРОЙ БЛОК----------------------*/

.items__container{
	width: 1080px;
	margin:0 auto;
	overflow: hidden;
}
.items{
	margin-top: 50px;
	background: url(../images/wall.png) 100% 0;
	padding-bottom: 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.items__info{
	text-align: center;
}
.info_text{
	color: #212529;
	font-size: 30px;
	font-weight: 500;
}
.items__content{
	overflow: hidden;
	margin-top: 50px;
}
.item{
	float: left;
	margin-top: 40px;
}
.itemOne{

	padding-left: 375px;
}
.why{
  margin-top: 40px;
}


/*----------------------ТРЕТИЙ БЛОК----------------------*/


.prod{
	background: url(../images/bac.png);
	/*padding-bottom: 0px;*/
	border-bottom: 6px solid #999db7;
	padding-bottom: 20px;

  /*-webkit-background-size: cover;*/
  -moz-background-size: cover;
  -o-background-size: cover;
	overflow: hidden;
}
.prod__header{
	padding-bottom: 35px;
}

.prod__container{
	max-width: : 1080px;
	margin:0 auto;
	overflow: hidden;
}
.prod__header__style{
	margin-top: 90px;
	text-align: center;
	font-size: 55px;
	text-shadow: white 3px 1px, white 3px 3px, white 1px 3px, white -1px 3px, white -1px 0px, white -1px -1px, white 0px -1px, white 3px -1px;
	
}
.input__used{
	float: left;
	width: 95%;
	border: 2px solid #212529;
	background: #ffffff;
	text-align: center;
  border-radius: 10px;
	padding: 5px;
}
.inp{
	border: none;
  background: none;
  width: 100%;
  text-align: center;
  font-size: 20px;
}
.prod_info{
	/*float: left;*/
	font-size: 25px;
	text-align: center;
	line-height: 2;
	/*padding-top: 10px;*/
	margin-top: 20px;
	border : 1px solid #6a6e91;
}
.allProducts__header{
	/*border: 3px solid #000000;*/
	margin-top: 90px;
	font-weight: 700;
	text-align: center;
	font-size: 30px;
}
.allProducts__header_okt{
	/*border: 3px solid #000000;*/
	/*margin-top: 90px;*/
	font-weight: 700;
	text-align: center;
	font-size: 30px;
}
.prod__input{
	overflow: hidden;
}
.prod__pic{
	float: left;
	padding-bottom: 50px;
}
.prod__mail{
	float: left;
	padding-left: 20px;
	font-size: 22px;
  text-align: justify;
  padding-top: 70px;
  padding-left: 40px;
	/*margin-top: 60px;*/
  /*padding-bottom: 20px;*/
}
.list{
	clear: both;
  padding-top: 1px;
  height: 30px;
}
.header_f{
	/*background: url(../images/ba.png) 100% 0;*/
	/*padding-bottom: 10px;*/
	/*border-bottom: 6px solid #999db7;*/
  /*-webkit-background-size: cover;*/
  -moz-background-size: cover;
  -o-background-size: cover;
	overflow: hidden;
}
.prod__left{
	float: left;
  padding-top: 19px;
	overflow: hidden;
	/*text-align: left;*/
	/*clear: both;*/
}
.prod__right{
	float: left;
}

.our__head{
	text-align: center;
	font-size: 20px;
}
.prod__one{
	float: left;
}
.prod__two{
	float: left;
}
.prod_info_brend{
	font-size: 25px;
	text-align: center;
	line-height: 2;
	margin-top: 20px;
}
.pagination>li{
	padding-left: 10px;
	color: #000;
	font-size: 20px;
}
.light{
	background-color: yellow;
}
.active {
	color:#deeded;
}
/*----------------------ЧЕТВЕРТЫЙ БЛОК----------------------*/
.consultation{
	/*background: url(../images/background1.png);*/
  -moz-background-size: cover;
  -o-background-size: cover;
	overflow: hidden;
	padding-bottom: 90px;
	border-bottom: 4px solid #6a6e91;
	background: rgba(227,227,227,1);
background: -moz-linear-gradient(45deg, rgba(227,227,227,1) 23%, rgba(227,227,227,1) 41%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 62%);
background: -webkit-gradient(left bottom, right top, color-stop(23%, rgba(227,227,227,1)), color-stop(41%, rgba(227,227,227,1)), color-stop(53%, rgba(245,245,245,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(62%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(45deg, rgba(227,227,227,1) 23%, rgba(227,227,227,1) 41%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 62%);
background: -o-linear-gradient(45deg, rgba(227,227,227,1) 23%, rgba(227,227,227,1) 41%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 62%);
background: -ms-linear-gradient(45deg, rgba(227,227,227,1) 23%, rgba(227,227,227,1) 41%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 62%);
background: linear-gradient(45deg, rgba(227,227,227,1) 23%, rgba(227,227,227,1) 41%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 62%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=1 );

}

.consultation__form{
	padding-bottom: 55px;
	margin: 0 auto;
}
.consultation__container{
	max-width: 1080px;
	margin:0 auto;
	overflow: hidden;
}

.consultation__header{
	text-align: center;
	margin-top: 90px;
	font-weight: 700;
	text-align: center;
	font-size: 30px;

}
.consultation__save{
	margin-top: 100px;
}
.consultation__ico{
	overflow: hidden;
}
.consultation__links{
	display: block;
	margin: 0 auto; 
	overflow: hidden;
	margin-top: 35px;
}

.link{
	display: block;
	margin: 0 auto;
}
.blocks__style{
	text-align: center;
	padding-top: 20px;
	font-weight: 300;
	font-size: 23px;
}
.consultation__blocks{
	float: left;
	margin-top: 50px;
	text-align: center;

	/*padding: 0;*/
}
.images{
	height: 190px;
}
.links__items{
	float: left;
	font-size: 20px;
	padding-top: 20px;
	text-align: center;
}
.links__items:hover{
	color: #394b66;
	border-bottom : none;
}
/*----------------------четвертый БЛОК----------------------*/


/*----------------------ИКОНКИ----------------------*/


.fa.fa-phone:before{
	content: "\f095"; /* добавляем иконку phone */
	font-family: FontAwesome;
	color: #1e2961;
	margin-right: 10px; 
	font-size: 25px;
}
.fa.fa-envelope:before{
	content: "\f0e0"; /* добавляем иконку mail */
	font-family: FontAwesome;
	color: #1e2961;
	margin-right: 10px; 
	font-size: 20px;
}
/*----------------------ФОРМА ОТПРАВКИ----------------------*/

.main__form{
	float: left;
	/*padding-left: 180px;*/
  padding-top: 130px;

}
.main__head{
  padding-top: 110px;
	float: left;
}
.form_style{
	max-width: 350px;
	height: 100%;
	padding-bottom:30px;
  margin-left: 120px;
	border: 3px solid #212529;
	border-radius: 4%;
	background: rgba(255, 255, 255, 0.5);
	
}
.checkbox{
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
}

.input_style{
	background: none;
	border: none;
	width: 80%;
	padding-left: 5px;
	text-align: left;
	line-height: 1;
	font-size: 20px;
	border-bottom: 1px solid #000;
}
.input__all{
	margin-top: 10px;
	margin-left: 17px;
	line-height: 3;

}

.btn-set{
  margin: 0 auto;
  display: block;
	margin-top: 20px;
	cursor: pointer;
	background :#1e2960;
	color: #ffffff;
}
.btn-set:hover{
	background :#59a0ee;

}


/*-----------------------АДАПТИВНОСТЬ-----------------------*/

@media (min-width: 319px) and (max-width: 420px) {
	.image_set {
    max-width: 100%;
    /*display: none;*/
	}
}

@media screen and (max-width: 640px) {
	.form_style { 
		margin: 0 auto;
	}
	.main__head{
		padding: 0;
	}
	.text__style{
		font-size: 30px;
	}
	.itemOne{
		padding-left: 0px;
	}
	.image_set {
    width: 100%;
	}

/*	.form__style{
	margin: 0 auto;
	}*/
	.header__info{
		display: none;
	}
	.header__logo{
		display: block;
		text-align: center;
	}
	.header__contacts{
	font-size: 23px;

	}
	.main__price{
		margin-left: 9%;
	}
	.prod__mail{
	font-size: 14px;
	padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.header__info{
		display: none;
	}
	.itemOne{
		padding-left: 0px;
	}
	.image_set {
    width: 100%;
	}
	.form_style{
	margin: 0 auto;
	}
	.main__head{
		padding: 0;
	}
	.prod__mail{
	font-size: 14px;
	padding-left: 0;

	}
	.main__form{
		padding: 0;
		margin-top: 30px;
		background: rgba(160, 160, 161, 0.8);

	}

	.header__contacts{
	padding: 0;
	margin-left: 25%;
	}
	.text__style{
		font-size: 40px;
	padding-top: 66px;
	}
	.main{
		padding-bottom: 50px;
	}
	.main__price{
		margin-left: 20%;
	}
}

@media screen and (max-width: 1024px) {
	.header__info{
		display: none;
	}
	.header__logo{
	}
	.prod__mail{
	font-size: 14px;
	padding-left: 0;
	
	}
	.image_set {
    width: 100%;
	}
	.header__contacts{
	padding: 0;
	}

	.text__style{
		font-size: 40px;
	padding-top: 66px;
	}
	.itemOne{
		padding-left: 0px;
	}
	.main{
		padding-bottom: 50px;
	}
}



#loading {
	position: fixed; /*фиксированное положение блока*/
	left: 0; /*положение элемента слева*/
	top: 0; /*положение элемента сверху*/
	right: 0; /*положение элемента справа*/
	bottom: 0; /*положение элемента снизу*/
	background: #fff; /*цвет заднего фона блока*/
	z-index: 1001; /*располагаем его над всеми элементами на странице*/
}

.image_set{
	/*width: 33%;*/
}

.set_span{
	display: block;
	font-size: 30px;
	margin-top: 20px;
}

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*background-color: #eeeeee; */
  background: rgba(85,125,236,1);/* Old Browsers */
	background: -moz-linear-gradient(45deg, rgba(85,125,236,1) 0%, rgba(85,125,236,0.88) 45%, rgba(255,255,255,0.75) 93%, rgba(255,255,255,0.73) 100%); /* FF3.6+ */
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(85,125,236,1)), color-stop(45%, rgba(85,125,236,0.88)), color-stop(93%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,0.73)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(85,125,236,1) 0%, rgba(85,125,236,0.88) 45%, rgba(255,255,255,0.75) 93%, rgba(255,255,255,0.73) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(85,125,236,1) 0%, rgba(85,125,236,0.88) 45%, rgba(255,255,255,0.75) 93%, rgba(255,255,255,0.73) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(85,125,236,1) 0%, rgba(85,125,236,0.88) 45%, rgba(255,255,255,0.75) 93%, rgba(255,255,255,0.73) 100%); /* IE 10+ */
	background: linear-gradient(45deg, rgba(85,125,236,1) 0%, rgba(85,125,236,0.88) 45%, rgba(255,255,255,0.75) 93%, rgba(255,255,255,0.73) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557dec', endColorstr='#ffffff', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}

#intro {
  position: absolute;
  left: 0;
  top: 40%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  font-weight: 300;
	color: #1d2763;
}


.svg_anm {
	position: absolute;
  width: 10%;
  height: 200px;
  background: url(../images/pufff.svg) no-repeat;
  background-size: 100%;
  /* margin: 0 0 -16px; */
  top: 112%;
  left: 45%;
}