

/* Start:/bitrix/templates/main/components/bitrix/menu/top/style.css?17739218974915*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:15px;
	float:left;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{

}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;

	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#383838;
	padding:7px 20px 7px 0;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#2898aa;
	padding:7px 20px 7px 0;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	color:#2898aa;
}



/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{

	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{

	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width: auto;
	max-width:220px;
	min-width:180px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
	padding:4px 12px;
}
#horizontal-multilevel-menu li li:hover{
	background-color: #fff;
}
/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	

}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
	color: #2898aa;
}


#horizontal-multilevel-menu li ul ul
{
	margin:-110px 0 0 201px;
	min-width:218px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}
.parent{
	background: url(/bitrix/templates/main/img/ico/menu_arrou.png);
	background-position:right center;
	background-repeat:no-repeat;
}

div.menu-clear-left
{
	clear:left;
}
.menulist{padding: 7px 16px 7px 0!important;}
.menulist img {
	
	margin-left:5px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow: hidden;
}
 
.menulist:hover img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
@media screen and (max-width: 1023px) {
	#horizontal-multilevel-menu, #horizontal-multilevel-menu ul{font-size: 14px;}
}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/search.form/top/style.css?1773921897742*/
.search-form{
	float:right;
	
}
.search-form form{
	border:1px solid #d8d8d8;
	
}
.sq_input{
	height:40px;
	width:211px;
	margin: 0;
    padding: 5px 12px;
	color:#a3a3a3;
	border:none;
}
.sq_submit{
	height:40px;
	width:41px;
	margin: 0;
    padding: 0;
    float: right;
	border:none;
	background-color:#c8d42c;
	background-image: url(/bitrix/templates/main/img/ico/sq_submit.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor:pointer;
		transition-duration: 0.5s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
}
.sq_submit:hover{
	background-color:#d4e221;
	
}
.sq_submit:active{
	box-shadow: 0 0 5px 2px #a0aa22 inset;	
}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/menu/mobile/style.css?17739218974030*/
/**Top menu**/
#mobile-multilevel-menu,#mobile-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:14px;
	float:left;
	/*font-size:90%*/
}

#mobile-multilevel-menu
{

}

/*Links*/
#mobile-multilevel-menu a
{
	display:block;
	padding:10px 4px 10px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:left;
}

#mobile-multilevel-menu li
{
	border-bottom:1px solid #DEDEDE;   
}

/*Root items*/
#mobile-multilevel-menu li a.root-item
{
	color:#4F4F4F;
	font-weight:bold;
	padding:7px 0px 7px 4px;
}

/*Root menu selected*/
#mobile-multilevel-menu li a.root-item-selected
{
	
	color:#000;
	font-weight:bold;
	padding:7px 0px 7px 4px;
}

/*Root items: hover*/
#mobile-multilevel-menu li:hover a.root-item, #mobile-multilevel-menu li.jshover a.root-item
{
	
	color:#000;
}

/*Item-parents*/
#mobile-multilevel-menu a.parent
{
	background: url(/bitrix/templates/main/components/bitrix/menu/mobile/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#mobile-multilevel-menu a.denied
{
	background: url(/bitrix/templates/main/components/bitrix/menu/mobile/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#mobile-multilevel-menu li:hover, #mobile-multilevel-menu li.jshover
{
	background:#D6D6D6;
	color:#fff;
}

/*Child-items selected*/
#mobile-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#mobile-multilevel-menu li ul
{
	
	/*top:-999em;*/
	top:auto;
	display:block;
	z-index:500;
	height:auto;
	/*width:12em;*/
	padding: 0 0 7px 12px;
}

/*Sub-menu item box*/
#mobile-multilevel-menu li li
{
	width:100%;
	
}

/*Item link*/
#mobile-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#mobile-multilevel-menu li a,
#mobile-multilevel-menu li:hover li a,
#mobile-multilevel-menu li.jshover li a,
#mobile-multilevel-menu li:hover li:hover li a,
#mobile-multilevel-menu li.jshover li.jshover li a,
#mobile-multilevel-menu li:hover li:hover li:hover li a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li a,
#mobile-multilevel-menu li:hover li:hover li:hover li:hover li a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#mobile-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	
}

/*Items text color & size: hover*/
#mobile-multilevel-menu li:hover li:hover a,
#mobile-multilevel-menu li.jshover li.jshover a,
#mobile-multilevel-menu li:hover li:hover li:hover a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover a,
#mobile-multilevel-menu li:hover li:hover li:hover li:hover a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#mobile-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#mobile-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#mobile-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#mobile-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#mobile-multilevel-menu li:hover ul ul,
#mobile-multilevel-menu li.jshover ul ul,
#mobile-multilevel-menu li:hover ul ul ul,
#mobile-multilevel-menu li.jshover ul ul ul,
#mobile-multilevel-menu li:hover ul ul ul ul,
#mobile-multilevel-menu li.jshover ul ul ul ul,
#mobile-multilevel-menu li:hover ul ul ul ul ul,
#mobile-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#mobile-multilevel-menu li:hover ul,
#mobile-multilevel-menu li.jshover ul,
#mobile-multilevel-menu li li:hover ul,
#mobile-multilevel-menu li li.jshover ul,
#mobile-multilevel-menu li li li:hover ul,
#mobile-multilevel-menu li li li.jshover ul,
#mobile-multilevel-menu li li li li:hover ul,
#mobile-multilevel-menu li li li li.jshover ul,
#mobile-multilevel-menu li li li li li:hover ul,
#mobile-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */


/* Start:/bitrix/templates/main/components/bitrix/news.list/slide_index/style.css?1773921897981*/
.slide_text_block{
	    position: absolute;
    top: 90px;
    text-align: left;
    left: 32px;
    z-index: 92;
	font-family: 'PT Sans', sans-serif;
}
.slide_text_block{
	font-size:60px;
	text-transform:uppercase;
	color:#000000;
	text-decoration:none;
	line-height:1.3;
	font-weight:700;
}
.slide_text_block a{
	display:block;
	text-decoration:none;
	background:none;
	border:1px solid #2898aa;
	padding:21px 40px;
	font-size:18px;
	font-weight:300;
	line-height:1;
	margin-top:42px;
	width: max-content;
	text-transform:none;
}
.slide_text_block a:link, .slide_text_block a:visited, .slide_text_block a {color:#349dae;}
.slide_text_block a:hover, .slide_text_block a:focus{color: #000000;text-decoration:none;background-color:#c8d42c;}
.slide_text_block span{
	display:block;
	text-decoration:none;
	background:none;
	border:1px solid #2898aa;
	padding:21px 40px;
	font-size:18px;
	font-weight:300;
	line-height:1;
	margin-top:42px;
	width: max-content;
	text-transform:none;
}
/* End */


/* Start:/bitrix/templates/main/styles.css?1773921898258*/
/*
font-family: 'Open Sans', sans-serif;
font-family: 'PT Sans', sans-serif;
*/
html {
  scroll-behavior: smooth;
  font-size: 15px;
}
body{
	color:#393939;
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	line-height: 1.2;
	background-color:#ffffff;
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?177392189841903*/
.container {
  max-width: 1520px;
}

/* heads */
.wrap-blok-1 {
  width: 100%;
  text-align: center;
  min-height: 45px;
  padding: 18px 0;
  color: #383838;
}
.wrap-blok-2 {
  padding: 7px 0;
}
.logo_xl {
  max-width: 301px;
}
.heads {
  display: flex;
  text-align: left;
  flex-wrap: wrap;
  font-size: 16px;
}
.top_menu {
  padding-top: 7px;
  width: 44.7%;
}
.mail_top {
  width: 19.1%;

  font-size: 15px;
  padding-top: 12px;
}
.mail_top img {
  padding: 0 10px 0 0;
}
.mail_top a:link,
.mail_top a:visited,
.mail_top {
  color: #383838;
  text-decoration: underline;
}
.mail_top a:hover,
.mail_top a:focus {
  color: #2898aa;
}
.top_chat {
  width: 19.1%;
}
.top_chat div {
  display: inline-block;
}
.top_chat span {
  top: 2px;
  position: relative;
}
.chat_ico {
  border-radius: 50%;
  border: 1px solid #eaebeb;
  text-align: center;

  display: inline-block;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  transition-duration: 0.46s;
  -webkit-transition-duration: 0.46s;
  -moz-transition-duration: 0.46s;
  -o-transition-duration: 0.46s;
  -ms-transition-duration: 0.46s;
}
.chat_href > .chat_ico {
  margin: 0 0 0 10px;
}
.chat_ico img {
  margin: 9px;
  width: 23px;
  height: 23px;
}
.chat_ico:hover {
  background-color: #e2d3d6;
}
.top_sq {
  width: 17.1%;
}
.top_logo {
  width: 25.6%;
}
.top_logo_text {
  width: 19.1%;
  color: #383838;

  padding: 8px 0 0 26px;
  line-height: 1.3;
}
.top_logo_adres {
  width: 19.1%;
  padding: 8px 0 0 0;
  line-height: 1.3;
}
.top_logo_adres_img {
  float: left;
  margin: 0 10px 0 0;
}
.top_logo_adres a {
  display: block;
}
.top_logo_adres a:link,
.top_logo_adres a:visited,
.top_logo_adres a {
  color: #707070;
  text-decoration: underline;
}
.top_logo_adres a:hover,
.top_logo_adres a:focus {
  color: #2898aa;
}
.top_phone_graf {
  width: 19.1%;
  padding: 8px 0 0 0;
  line-height: 1.3;
}
.top_phone_graf i {
  display: block;
  font-size: 14px;
  color: #848484;
  font-style: normal;
  padding-left: 32px;
}
.top_phone_graf_img {
  float: left;
  margin: 0 10px 0 0;
}
.top_phone_graf a:link,
.top_phone_graf a:visited,
.top_phone_graf a {
  color: #454545;
  text-decoration: none;
}
.top_phone_graf a:hover,
.top_phone_graf a:focus {
  color: #454545;
  text-decoration: underline;
}
.top_but_calc {
  width: 17.1%;
}
.top_but_calc a,
.top_but_calc .b24-form-click-btn-wrapper button {
  width: 100%;
  height: auto;
  text-align: center;
  background-color: #c8d42c;
  padding: 20px 0;
  display: block;
  font-size: 18px;
  font-weight: 400;
  font-family: inherit;
  transition-duration: 0.46s;
  -webkit-transition-duration: 0.46s;
  -moz-transition-duration: 0.46s;
  -o-transition-duration: 0.46s;
  -ms-transition-duration: 0.46s;
}
.top_but_calc a:link,
.top_but_calc a:visited,
.top_but_calc a {
  color: #000000;
  text-decoration: none;
}
.top_but_calc a:hover,
.top_but_calc a:focus {
  color: #000000;
  background-color: #909921;
}

/* Content */
.wrap-blok-3 {
  height: 693px;
  text-align: center;
  display: block;
}
.wrap-blok-4 {
  padding: 25px 0;
}
.wrap-blok-5 {
  padding: 90px 0;
}
.slide_index {
  max-width: 1490px;
  max-height: 693px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 1490px;
  padding-top: 26px;
}
.wrap-blok-6 {
  padding: 66px 0 160px 0;
  background-color: #f8f8f8;
  min-height: 820px;
}
.kompania_title_block {
  position: relative;
  top: 33px;
  right: 0;
  float: right;
  z-index: 10;
}
.kompania_index_title {
  background-image: url(/bitrix/templates/main/img/maska_kontanti2.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 148px;
  height: 166px;
  font-family: 'PT Sans', sans-serif;
  width: 762px;
  background-attachment: scroll;

  background-position: center center;
  background-repeat: repeat-y;
  /*background-size: cover;*/
  background-attachment: fixed;
}
.compania_left {
  float: left;
  width: 62%;
  padding-right: 20px;
}
.compania_right {
  width: 38%;
  float: right;
  z-index: 50;
  position: relative;
}
.compania_left h1 {
  font-size: 33px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: #383838;
}
.compania_left div {
  padding: 59px 0;
  color: #393939;
  font-size: 16px;
  line-height: 2;
}
.compania_left a {
  display: block;
  background-color: #fff;
  border: 1px solid #2898aa;
  text-align: center;
  color: #2898aa;
  padding: 17px 0;
  width: 255px;
  transition-duration: 0.46s;
  -webkit-transition-duration: 0.46s;
  -moz-transition-duration: 0.46s;
  -o-transition-duration: 0.46s;
  -ms-transition-duration: 0.46s;
}
.compania_left a:link,
.compania_left a:visited,
.compania_left a {
  color: #2898aa;
  text-decoration: none;
}
.compania_left a:hover,
.compania_left a:focus {
  color: #fff;
  background-color: #2898aa;
}
.compania_right_but {
  margin: 20px 0 10px 0;
  float: right;
  background-color: #2898aa;
  width: 509px;
  height: 100px;
  cursor: pointer;
}
.compania_title {
  color: #fff;
  font-size: 22px;
  background-color: #2898aa;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  padding: 0px 10px;
  line-height: 100px;
}
.compania_text {
  font-size: 15px;
  color: #fff;
  display: none;
  opacity: 0;
  animation: fadeInFromNone 0.1s ease-in-out;
  padding: 14px 30px;
  margin: 0;
  line-height: 1.2;
}
.compania_right_but:hover .compania_title {
  display: none;
  opacity: 0;
  animation: fadeInFromYes 0.1s ease-in-out;
}
.compania_right_but:hover .compania_text {
  display: block;
  opacity: 1;
}
.video {
  float: right;
  margin: 0 0 0 15px;
  width: 630px;
  height: 350px;
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromYes {
  0% {
    display: block;
    opacity: 1;
  }

  1% {
    display: none;
    opacity: 1;
  }

  100% {
    display: none;
    opacity: 0;
  }
}
.wrap-blok-7 {
  padding: 50px 0 152px 0;
  background-color: #fff;
}
.wrap-blok-8 {
  padding: 60px 0 130px 0;
  background-color: #f8f8f8;
}
.wrap-blok-9 {
  padding: 60px 0 120px 0;
  background-color: #fff;
}
.wrap-blok-tovar {
  padding: 60px 0;
}
.index_top_tovar {
  background-image: url(/bitrix/templates/main/img/maska_kontanti2.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 90px;
  height: 98px;
  font-family: 'PT Sans', sans-serif;
  width: 979px;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: repeat-y;
  /* background-size: cover; 
    background-attachment: fixed;*/
}
.index_form {
  background-image: url(/bitrix/templates/main/img/maska_kontanti2.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 148px;
  height: 152px;
  font-family: 'PT Sans', sans-serif;
  width: 979px;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: repeat-y;
  /* background-size: cover; */
  background-attachment: fixed;
}
.index_form_block {
  width: 100%;
  background-color: #2898aa;

  padding: 86px 95px;
}
.wrap-blok-10 {
  padding: 60px 0 120px 0;
  background-color: #f8f8f8;
}
.kontakt_title_block {
  /*top: -137px;
    right: 0;
   position: absolute; */
  float: right;
}
.kontakt_title {
  background-image: url(/bitrix/templates/main/img/maska_kontanti2.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 148px;
  height: 152px;
  font-family: 'PT Sans', sans-serif;
  width: 724px;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: repeat-y;
  /*background-size: cover;*/
  background-attachment: fixed;
}
.bgw {
  background-color: #fff;
}
.kontakt_text_footer {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
/* footer */
.wrap-blok-11 {
  padding: 50px 0;
  background-color: #2e2e2e;
  font-size: 16px;
  color: #e2e2e2;
}
.kontakt_text_footer {
  padding: 30px 0 0 95px;
}
.phone_kontakt_b {
  font-size: 36px;
  font-weight: 700;
  color: #383838;
  display: block;
  margin: 0 0 10px 0;
}
.phone_kontakt_b i {
  color: #2898aa;
  font-style: normal;
}
.phone_kontakt_b:hover {
  text-decoration: underline;
  color: #383838;
}
.chat_footer {
  margin: 20px 0 10px 0;
  font-size: 18px;
  font-weight: 700;
  color: #383838;
}
.chat_href_footer > .chat_ico {
  margin: 0 10px 0 0;
}

.adres_footer {
  margin: 20px 0 0 0;
  font-weight: 400;
}
.adres_footer_title {
  font-size: 18px;
  font-weight: 700;
  color: #383838;
}
.mode_footer {
  margin: 20px 0 0 0;
  font-weight: 400;
}
.mode_footer_title {
  font-size: 18px;
  font-weight: 700;
  color: #383838;
}
.mode_footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mode_footer a:link,
.mode_footer a:visited {
  color: #2898aa;
  text-decoration: underline;
}
.mode_footer a:hover,
.mode_footer a:focus {
  color: #afbb30;
}
.logo_b {
  margin-top: 6px;
}
.logo_fut {
  max-width: 238px;
}
.footer_menu div {
  text-align: left;
  float: right;
  width: 129px;
}
.footer_menu ul {
  margin: 0 0 0 90px;
  padding: 0;
  list-style: none;
  font-size: 15px;
}
.footer_menu ul li {
  padding: 3px 0;
  margin: 0;
}
.footer_menu ul li a,
.footer_menu ul li a:link,
.footer_menu ul li a:visited {
  color: #c5c5c5;
  text-decoration: underline;
}
.footer_menu ul li a:hover,
.footer_menu ul li a:focus {
  color: #dcdcdc;
}
.wrap-blok-12 {
  padding: 20px 0;
  font-size: 14px;
}
.wrap-blok-12 a:link,
.wrap-blok-12 a:visited,
.wrap-blok-12 a {
  color: #5f5f5f;
  text-decoration: underline;
}
.wrap-blok-12 a:hover,
.wrap-blok-12 a:focus {
  color: #000000;
  text-decoration: none;
}
.polytik {
  font-size: 0.8em;
}
.year {
  text-align: center;
}
.giweb {
  text-align: right;
}
.giweb img {
  margin-left: 8px;
}
/*Общие стили*/
.transition {
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.45s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.img_kompany {
  padding: 0 0 0 15px;
  float: right;
}
/* Слайдеры */

.slider-index > .owl-nav {
  position: absolute;
  top: 291px;
  width: 1658px;
  left: -85px;
}
.slider-index > .owl-nav > .owl-prev {
  float: left;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-index > .owl-nav > .owl-next {
  float: right;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-index > .owl-nav button:active {
  border: none;
  outline: none;
}
.slider-index > .owl-nav button:focus {
  border: none;
  outline: none;
}
.slider-index > .owl-nav img:hover {
  opacity: 0.6;
}
.slider-index > .owl-dots {
  position: absolute;
  width: 400px;
  bottom: 37px;
  text-align: left;
  padding-left: 36px;
}
.slider-index > .owl-dots > .owl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #9c9c9c;
  margin: 0 10px;
}
.slider-index > .owl-dots > .active {
  background-color: #2898aa;
}
.slider-index > .owl-dots > button:hover {
  opacity: 0.7;
}
.slider-index > .owl-dots > button:active {
  border: none;
  outline: none;
}
.slider-index > .owl-dots > button:focus {
  border: none;
  outline: none;
}

/* Слайдер Портфолио */
.slider-portfolio > .owl-nav {
  position: absolute;
  top: 291px;
  width: 1658px;
  left: -85px;
}
.slider-portfolio > .owl-nav > .owl-prev {
  float: left;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-portfolio > .owl-nav > .owl-next {
  float: right;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-portfolio > .owl-nav button:active {
  border: none;
  outline: none;
}
.slider-portfolio > .owl-nav button:focus {
  border: none;
  outline: none;
}
.slider-portfolio > .owl-nav img:hover {
  opacity: 0.6;
}
.slider-portfolio > .owl-dots {
  display: none;
}
.slider-portfolio > .owl-dots > .owl-dot {
}
.slider-portfolio > .owl-dots > .active {
  background-color: #2898aa;
}
.slider-portfolio > .owl-dots > button:hover {
  opacity: 0.7;
}
.slider-portfolio > .owl-dots > button:active {
  border: none;
  outline: none;
}
.slider-portfolio > .owl-dots > button:focus {
  border: none;
  outline: none;
}

/* Слайдер Клиенты */
.slider-klients > .owl-nav {
  position: absolute;
  top: 58px;
  width: 1658px;
  left: -85px;
}
.slider-klients > .owl-nav {
  display: block !important;
}
.slider-klients > .owl-nav > .owl-prev {
  float: left;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-klients > .owl-nav > .owl-next {
  float: right;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-klients > .owl-nav button:active {
  border: none;
  outline: none;
}
.slider-klients > .owl-nav button:focus {
  border: none;
  outline: none;
}
.slider-klients > .owl-nav img:hover {
  opacity: 0.6;
}
.slider-portfolio > .owl-dots {
}
.slider-klients > .owl-dots > .owl-dot {
}
.slider-klients > .owl-dots > .active {
  background-color: #2898aa;
}
.slider-klients > .owl-dots > button:hover {
  opacity: 0.7;
}
.slider-klients > .owl-dots > button:active {
  border: none;
  outline: none;
}
.slider-klients > .owl-dots > button:focus {
  border: none;
  outline: none;
}

/* Слайдер Отзывы*/
.slider-reviews > .owl-nav {
  position: absolute;
  top: 177px;
  width: 1658px;
  left: -85px;
}
.slider-reviews > .owl-nav > .owl-prev {
  float: left;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-reviews > .owl-nav > .owl-next {
  float: right;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
  border-radius: 50%;
}
.slider-reviews > .owl-nav button:active {
  border: none;
  outline: none;
}
.slider-reviews > .owl-nav button:focus {
  border: none;
  outline: none;
}
.slider-reviews > .owl-nav img:hover {
  opacity: 0.6;
}
.slider-reviews > .owl-dots > .active {
  background-color: #2898aa;
}
.slider-reviews > .owl-dots > button:hover {
  opacity: 0.7;
}
.slider-reviews > .owl-dots > button:active {
  border: none;
  outline: none;
}
.slider-reviews > .owl-dots > button:focus {
  border: none;
  outline: none;
}

/* mobile menu */
.top-menu-el-block {
  display: none;
}
.top-menu-block-sm {
  background: #ffffff;
  width: 320px;
  position: fixed;
  z-index: 992;
  left: -100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 5px 5px 15px;
  top: 72px;
  height: 100%;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  box-shadow: inset 0 5px 10px 2px #eff3f5;
}
.menu_block_close {
  right: 12px;
  top: 60px;
  position: absolute;
}
.do_posle_right {
  padding: 50px 0 10px 20px;
}
.do_posle_title {
  font-size: 27px;
}
.menu_block_close img {
  width: 18px;
  height: 18px;
}
.tip_menu_overflow {
  overflow: auto;
  width: 100%;
  height: 100%;
}
/* mobile menu end */
.wrap-blok-content {
  min-height: 400px;
  padding: 0 0 50px 0;
}
.gray_bg {
  background-color: #f8f8f8;
}
.dostavka_bg {
  background-image: url(/bitrix/templates/main/img/map.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 0 0 256px 0;
  margin-bottom: 160px;
}
.dostav_ico {
  margin-top: 70px;
  text-align: left;
}
.oplat_01 img,
.oplat_02 img,
.oplat_03 img {
  padding: 20px 0 50px 0;
}
.oplat_01 {
  text-align: left;
}
.oplat_02 {
  text-align: center;
}
.oplat_03 {
  text-align: right;
}
.wrap-blok-content h1 {
  background-image: url(/bitrix/templates/main/img/maska_kontanti3.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  height: 65px;
  font-family: 'PT Sans', sans-serif;
  width: 100%;
  background-attachment: scroll;
  background-position: left center;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: fixed;
}
.services-h1-two-line h1 {
  font-size: 44px;
  height: 110px;
}
.wrap-blok-content h2 {
  font-size: 24px;
  color: #000;
  margin: 6px 0 !important;
}
.wrap-blok-content h3 {
  font-size: 18px;
  color: #208292;
  margin: 0 !important;
  padding: 8px !important;
}
.wrap-blok-content h4 {
  font-size: 24px;
  color: #208292;
  margin: 8px 0 20px 0 !important;
}
.mini_title {
  background-image: url(/bitrix/templates/main/img/maska_kontanti3.jpg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 28px;
  height: 40px;
  font-family: 'PT Sans', sans-serif;
  width: 100%;
  background-attachment: scroll;
  background-position: left center;
  background-repeat: repeat-y;
  /*background-size: cover;*/
  background-attachment: fixed;
}
.wrap-blok-content a:link,
.wrap-blok-content a:visited {
  color: #2898aa;
  text-decoration: underline;
}
.wrap-blok-content a:hover,
.wrap-blok-content a:focus {
  color: #afbb30;
}

.content_contakt {
  padding: 9px 0 0 80px;
}
.services_head {
  background-color: #efefef;
  padding: 52px 64px;
  display: inline-flex;
  width: 100%;
  font-size: 20px;
}
.services_head2 {
  padding: 32px 64px;
  margin: 0 0 35px;
}
.uslug_text {
  font-size: 18px;
  margin-top: 90px;
}
.content_img_right {
  float: right;
  margin: 5px 0 5px 10px;
}
.content_img_left {
  float: left;
  margin: 5px 10px 5px 0;
}

.services_head_text,
.services_head_text2 {
  width: inherit;
}
.services_head_text2 ul {
  list-style-image: url(/bitrix/templates/main/img/ul_style_red.png);
  margin-left: 30px;
}
.marker_red {
  list-style-image: url(/bitrix/templates/main/img/ul_style_red.png) !important;
  margin-left: 30px;
}
.services_head_text2 ul li {
  padding: 3px 0 0 5px;
  margin: 0;
}
.uslug_text ul,
.services_head_text ul,
.markergreen {
  list-style-image: url(/bitrix/templates/main/img/ul_style.png);
  margin-left: 30px;
}
.uslug_text ul li,
.services_head_text ul li,
.markergreen li,
.uslug_text ol li {
  padding: 3px 0 0 5px;
  margin: 0;
}
.markergalka {
  list-style-image: url(/bitrix/templates/main/img/galka.png);
  margin-left: 30px;
}
.markergalka li {
  padding: 3px 0 0 5px;
  margin: 0;
}
.wrap-blok-content ol {
  margin-left: 30px;
}
.services_head ol {
  list-style-image: url(/bitrix/templates/main/img/galka.png);
}
.services_head_img {
}
.services_head_img2 img {
  width: 80%;
}
.naruj_ol {
  margin-top: 46px;
}
.head_calc_but {
  float: left;
  /* margin: 45px 46px 0 0; */
  margin: 10px 46px 0 0;
  height: 91px;
}
.head_calc_but a,
.head_calc_but .b24-form-click-btn-wrapper button {
  height: auto;
  background-color: #c8d42c;
  padding: 30px 78px;
  font-size: 24px;
  font-weight: 400;
  font-family: inherit;
  color: #1c1c1c;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.head_calc_but .b24-form-click-btn-wrapper.--b24-mod-center > button {
  margin: 0;
}
.head_calc_but a:link,
.head_calc_but a:visited {
  color: #1c1c1c;
  text-decoration: none;
}
.head_calc_but a:hover {
  background-color: #afbb30;
  color: #1c1c1c;
  text-decoration: none;
}
.back_detal {
  margin-top: 25px;
}
.text-block ul {
  margin-left: 30px !important;
}
/* Адаптация */
.line_sm {
  border-bottom: 1px solid #dbdee4;
  height: 55px;
  font-size: 18px;
  margin-right: 10px;
}
.phone_sm_menu_sm {
  float: left;
  padding-top: 15px;
}
.top_chat_sm {
  float: right;
  padding-top: 9px;
}
.top_logo_adres_sm {
  float: left;
  padding-top: 15px;
}
.gotomap {
  float: right;
  padding-top: 15px;
  font-size: 14px;
}
.gotomap a:link,
.gotomap a:visited,
.gotomap a {
  color: #707070;
  text-decoration: underline;
}
.gotomap a:hover,
.gotomap a:focus {
  color: #707070;
}
.top_sq_sm {
  height: 70px;
  padding: 10px 10px 5px 0;
}
.top_sq_sm > .search-form {
  width: 280px;
}
.top_sq_sm > .search-form form {
  margin: 0;
  box-shadow: 0px 0px 20px 0px rgb(221, 230, 233);
}
.top_sq_sm > .sq_input {
  width: 237px;
}
.top_phone_graf_tel_sm_menu {
  color: #383838;
  text-decoration: underline;
}

.tip_menu_overflow > .top_but_calc {
  height: 70px;
  width: 100%;
  margin: 5px 0 60px 0;
  padding: 0;
  padding-right: 10px;
}
.tip_menu_overflow > .top_but_calc a,
.tip_menu_overflow > .top_but_calc .b24-form-click-btn-wrapper button {
  font-size: 18px;
}
.top_menu_sm > .top-menu-btn-sm {
  width: 37px;
  height: 29px;
  background-image: url(/bitrix/templates/main/img/ico/ico_sm_menu.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.open-menu > .top-menu-btn-sm {
  background-image: url(/bitrix/templates/main/img/ico/close_mob.png);
}
.yandex-rating {
  padding: 25px 0 15px 0;
}
#toTop {
  width: 79px;
  text-align: center;
  padding: 5px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  cursor: pointer;
  color: #666666;
  z-index: 500;
  text-decoration: none;
}
.cat_munu_but {
  margin-left: 30px;
}
.top_menu_sm,
.heads_sm,
.top_phone_graf_img_sm,
.top_phone_graf_img_sm,
.bgw_map_sm {
  display: none;
}
.input-box {
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
.input-box__checkbox-hidden {
  display: none;
}
.input-box__checkbox-hidden:checked + .input-box__checkbox .input-box__check {
  opacity: 1;
}
.input-box__checkbox {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/bitrix/templates/main/img/radio-1.png) 0 0 no-repeat;
  cursor: pointer;
}
.input-box__check {
  width: 74%;
  opacity: 0;
}
.input-box__text {
  font-size: 16px;
  line-height: 1;
}

@media screen and (max-width: 1666px) {
  .slider-index > .owl-nav,
  .slider-portfolio > .owl-nav,
  .slider-reviews > .owl-nav,
  .slider-klients > .owl-nav {
    width: 1582px;
    left: -46px;
  }
}
@media screen and (max-width: 1594px) {
  .slider-index > .owl-nav,
  .slider-portfolio > .owl-nav {
    right: 16px;
    left: auto;
    width: 150px;
    bottom: 8px;
    top: auto;
  }
  .slider-reviews > .owl-nav,
  .slider-klients > .owl-nav {
    right: 16px;
    left: auto;
    width: 150px;
    bottom: -50px;
    top: auto;
  }
}
@media screen and (max-width: 1515px) {
  .search-form {
    width: 254px;
  }
}
@media screen and (max-width: 1489px) {
  .slide_index {
    width: auto;
  }
  .slide_text_block {
    font-size: 56px;
    top: 60px;
  }
  .compania_left {
    padding-top: 34px;
  }
  .compania_left div {
    padding: 24px 10px 24px 0;
  }
  .compania_right_but {
    width: 100%;
  }
  .head_calc_but a,
  .head_calc_but .b24-form-click-btn-wrapper button {
    padding: 30px 60px;
  }
}
@media screen and (max-width: 1399px) {
  .top_menu {
    width: 49%;
  }
  .mail_top {
    width: 15%;
  }
  .top_chat {
    width: 16%;
  }
  .top_sq {
    width: 20%;
  }
  .sq_input {
    width: 190px;
  }
  .search-form {
    width: 233px;
  }
  .compania_title {
    font-size: 19px;
  }
  .wrap-blok-3 {
    height: auto;
  }
  .wrap-blok-4 {
    padding: 60px 0 25px 0;
  }
  .wrap-blok-5 {
    padding: 10px 0 80px 0;
  }
  .wrap-blok-6 {
    padding: 40px 0 90px 0;
    min-height: 710px;
  }
  .head_calc_but {
    float: none;
    height: auto;
    margin: 45px 46px 0 0;
  }
}
@media screen and (max-width: 1279px) {
  .top_menu {
    width: 53%;
  }
  .top_chat {
    width: 12%;
  }
  .top_chat span {
    display: none;
  }
  .footer_menu ul {
    margin: 0 0 0 70px;
  }
  .slider-index > .owl-dots {
    display: none;
  }
  .slide_text_block {
    font-size: 52px;
  }
  .dostavka_bg {
    background-size: contain;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    max-width: 100% !important;
  }
  .top_menu {
    width: 55%;
  }
  .mail_top {
    font-size: 15px;
  }
  .mail_top img {
    padding: 0 5px 0 0;
    width: 14.5%;
  }
  .top_chat {
    width: 10%;
  }
  .chat_href > .chat_ico {
    margin: 0 0 0 5px;
  }
  .chat_ico img {
    margin: 6px;
  }
  .search-form {
    width: 200px;
  }
  .sq_input {
    width: 157px;
  }
  .heads {
    font-size: 15px;
  }
  .footer_menu ul {
    margin: 0;
  }
  .logo_xl {
    max-width: 210px;
  }
  .top_logo {
    padding-top: 11px;
    width: 23%;
  }
  .top_logo_text {
    padding: 10px 0 0 6px;
    width: 19%;
  }
  .top_logo_adres {
    padding: 10px 0 0 6px;
    width: 20%;
  }
  .top_phone_graf {
    width: 20%;
    padding: 10px 0 0 0;
  }
  .top_but_calc {
    width: 18%;
  }
  .top_but_calc a,
  .top_but_calc .b24-form-click-btn-wrapper button {
    font-size: 16px;
  }
  .slide_text_block {
    font-size: 50px;
  }
  .compania_title {
    font-size: 18px;
  }
  .compania_text {
    font-size: 15px;
  }
}
@media screen and (max-width: 1155px) {
  .mail_top {
    display: none;
  }
  .top_menu {
    width: 65%;
  }
  .top_chat {
    width: 12%;
  }
  .top_sq {
    width: 23%;
  }
  .content_contakt {
    padding: 9px 0 0 0;
  }
  .phone_kontakt_b {
    font-size: 32px;
  }
  .slide_text_block {
    font-size: 48px;
    top: 40px;
  }
  .slider-portfolio > .owl-nav {
    display: none;
  }
  .compania_title {
    font-size: 15px;
  }
  .compania_left div {
    font-size: 14px;
  }
  .dostav_ico img {
    width: 170px;
    height: auto;
  }
  .logo_fut {
    max-width: 200px;
  }
}
@media screen and (max-width: 1023px) {
  .wrap-blok-5 {
    padding: 0 0 45px 0;
  }
  .wrap-blok-tovar {
    padding: 0 0 45px 0;
  }
  .wrap-blok-6 {
    min-height: 642px;
  }
  .heads {
    font-size: 14px;
  }
  .top_logo {
    width: 19%;
  }
  .top_phone_graf {
    width: 21%;
  }
  .top_logo_adres {
    width: 22%;
  }
  .top_but_calc {
    width: 19%;
  }
  .logo_xl {
    max-width: 150px;
  }
  .top_logo {
    padding-top: 9px;
  }
  .top_logo_text {
    padding: 4px 0 0 6px;
  }
  .top_logo_adres {
    padding: 4px 0 0 6px;
  }
  .top_phone_graf {
    padding: 4px 0 0 0;
  }
  .top_but_calc a,
  .top_but_calc .b24-form-click-btn-wrapper button {
    font-size: 14px;
    padding: 12px 0;
  }
  .top_menu {
    padding-top: 0;
  }
  .kontakt_text_footer {
    padding: 55px 0 0 0;
  }
  .slider-index > .owl-nav {
    display: none;
  }
  .slide_text_block {
    font-size: 40px;
    top: 20px;
  }
  .index_top_tovar {
    font-size: 70px;
    height: 75px;
    width: 700px;
  }
  .portolio_index_title {
    font-size: 99px;
    width: 575px;
    top: 62px;
    left: -6px;
  }
  .kompania_index_title {
    font-size: 99px;
    height: 120px;
    width: 509px;
  }
  .klients_index_title {
    font-size: 99px;
    width: 440px;
    height: 110px;
    left: -6px;
  }
  .index_form {
    font-size: 99px;
    height: 105px;
    width: 656px;
  }
  .kontakt_title {
    font-size: 99px;
    height: 104px;
    width: 483px;
  }
  .compania_left h1 {
    font-size: 26px;
  }
  .compania_title {
    font-size: 13px;
  }
  .compania_left div {
    font-size: 13px;
  }
  .slider-reviews > .owl-nav,
  .slider-klients > .owl-nav {
    display: none !important;
  }
  .wrap-blok-8 {
    padding: 0px 0 70px 0;
  }
  .services_head_text,
  .services_head_text2 {
    font-size: 16px;
  }
  .services_head_img img {
    max-height: 300px;
  }
  .uslug_text {
    font-size: 16px;
  }
  .content_img_left,
  .content_img_right {
    max-width: 330px;
  }
  .content_img_left img {
    width: 100%;
  }
  .content_img_right img {
    width: 100%;
  }
  .head_calc_but {
    margin: 35px 0 0 0;
  }
  .head_calc_but a,
  .head_calc_but .b24-form-click-btn-wrapper button {
    font-size: 18px;
    padding: 17px 29px;
  }
  .naruj_ol {
    margin-left: -13px;
    margin-top: 39px;
  }
  .index_form_block {
    padding: 30px 15px;
  }
  #toTop {
    display: none !important;
  }
  .video {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
    max-height: 400px;
  }
  .img_kompany {
    padding: 15px 0;
    float: none;
    text-align: center;
    width: 100%;
  }
  .img_kompany img {
    width: 100%;
    max-width: 630px;
  }
  .services_head_img {
    display: none;
  }
  .logo_fut {
    max-width: 185px;
  }
}
@media screen and (max-width: 950px) {
  .top_menu {
    display: none;
  }
  .top_menu_sm {
    display: block;
    width: 20%;
    padding-top: 7px;
  }
  .mail_top {
    display: flex;
    width: 34%;
    padding-top: 7px;
  }
  .top_chat {
    width: 16%;
  }
  .top_sq {
    width: 30%;
  }
  .top_logo {
    width: 23%;
  }
  .top_logo_text {
    display: none;
  }
  .top_logo_adres {
    width: 27%;
  }
  .top_phone_graf {
    width: 26%;
  }
  .top_but_calc {
    width: 24%;
  }
  .phone_kontakt_b {
    font-size: 28px;
  }
  .slide_text_block {
    font-size: 36px;
    left: 15px;
  }
  .slide_text_block a {
    margin-top: 30px;
    padding: 12px 20px;
    font-size: 15px;
  }
  .compania_left {
    width: 60%;
  }
  .compania_right {
    width: 40%;
  }
  .oplat_01 img,
  .oplat_02 img,
  .oplat_03 img {
    padding: 50px 0 80px 0;
  }
  .dostavka_bg {
    padding: 0 0 164px 0;
  }
}
@media screen and (max-width: 899px) {
  .compania_left {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .compania_right {
    width: 100%;
    float: none;
  }
  .wrap-blok-6 {
    position: relative;
    padding: 120px 0 0px 0;
    min-height: 936px;
  }
  .kompania_title_block {
    position: absolute;
    top: 36px;
    right: 15px;
  }
  .kompania_index_title {
    height: 111px;
  }
  .compania_left h1 {
    font-size: 30px;
  }
  .compania_left div {
    font-size: 15px;
  }
  .compania_title {
    font-size: 16px;
  }
  .wrap-blok-content h1 {
    font-size: 35px;
    height: 34px;
  }
  .services-h1-two-line h1 {
    height: 90px;
  }
  .services_head_img img {
    max-height: 250px;
  }
  .content_img_left,
  .content_img_right {
    max-width: 300px;
  }
  .oplat_01 img,
  .oplat_02 img,
  .oplat_03 img {
    padding: 40px 0 60px 0;
    width: 90%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .logo_b {
    text-align: center;
    padding-bottom: 20px;
  }
  .logo_fut {
    display: inline-flex;
    max-width: 180px;
  }
  .bgw_map {
    display: none;
  }
  .bgw_map_sm {
    display: block;
  }
  .chat_footer {
    margin: 25px 0 15px 0;
  }
  .kontakt_text_footer {
    padding: 22px 0 20px 0;
  }
  .content_contakt {
    padding: 15px 0 20px 0;
  }
  .slide_text_block {
    font-size: 28px;
  }
  .slide_index {
    padding-top: 10px;
  }
  .index_top_tovar {
    font-size: 60px;
    height: 64px;
    width: 560px;
  }
  .portolio_index_title {
    font-size: 77px;
    top: 82px;
    left: -5px;
    width: 450px;
  }
  .kompania_title_block {
    top: 65px;
  }
  .kompania_index_title {
    font-size: 77px;
    width: 397px;
  }
  .klients_index_title {
    font-size: 77px;
    width: 345px;
    height: 87px;
    left: -4px;
  }
  .index_form {
    font-size: 77px;
    height: 81px;
    width: 510px;
  }
  .kontakt_title {
    font-size: 77px;
    height: 82px;
    width: 379px;
  }
  .wrap-blok-content h2 {
    font-size: 20px;
  }
  .wrap-blok-content h3 {
    font-size: 16px;
  }
  .services_head {
    padding: 24px 20px;
  }
  .uslug_text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 700px) {
  .top_phone_graf_img,
  .top_phone_graf_tel,
  .top_phone_graf i {
    display: none;
  }
  .top_phone_graf_img_sm {
    display: block;
    padding-top: 4px;
  }
  .top_phone_graf_img_sm img {
    width: 31px;
    height: 31px;
  }
  .top_menu_sm {
    width: 16%;
  }
  .top_chat {
    width: 20%;
  }
  .top_logo {
    width: 29%;
  }
  .top_logo_adres {
    width: 30%;
  }
  .top_phone_graf {
    width: 10%;
  }
  .top_but_calc {
    width: 31%;
  }
  .slide_text_block {
    font-size: 24px;
    top: 15px;
  }
  .services-h1-two-line h1 {
    font-size: 30px;
  }
  .slide_text_block a {
    margin-top: 15px;
    padding: 10px 10px;
    font-size: 14px;
  }
  .services_head_text,
  .services_head_text2 {
    z-index: 10;
  }
  .services_head_img .services_head_img2 {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 20;
    opacity: 0.3;
  }
  .content_img_left,
  .content_img_right {
    max-width: 240px;
  }
  .dostavka_bg {
    padding: 0 0 94px 0;
  }
  .dostav_ico img {
    width: 140px;
  }
}
@media screen and (max-width: 640px) {
  .search-form {
    width: 184px;
  }
  .sq_input {
    width: 141px;
  }
  .mail_top {
    width: 32%;
  }
  .top_chat {
    width: 22%;
  }
  .slide_text_block {
    font-size: 23px;
  }
  .index_top_tovar {
    font-size: 49px;
    height: 51px;
    width: 458px;
  }
  .portolio_index_title {
    font-size: 65px;
    top: 10px;
    left: -5px;
    height: 77px;
    width: 379px;
  }
  .kompania_index_title {
    font-size: 65px;
    width: 335px;
  }
  .klients_index_title {
    font-size: 65px;
    width: 290px;
    height: 76px;
    left: -4px;
  }
  .index_form {
    font-size: 65px;
    height: 66px;
    width: 430px;
  }
  .kontakt_title {
    font-size: 65px;
    height: 69px;
    width: 318px;
  }
  .kompania_title_block {
    top: 72px;
  }
  .compania_left h1 {
    font-size: 22px;
  }
  .compania_left div {
    font-size: 14px;
  }
}
@media screen and (max-width: 590px) {
  .search-form {
    width: 170px;
  }
  .sq_input {
    width: 127px;
  }
  .top_logo {
    width: 28%;
  }
  .top_logo_adres {
    width: 31%;
  }
  .content_img_left,
  .content_img_right {
    max-width: 200px;
  }
  .services_head_img2 {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .year {
    text-align: right;
  }
  .input-box__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 560px) {
  .wrap-blok-2,
  .heads {
    display: none;
  }
  .heads_sm {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
  }
  .top_logo {
    width: 54%;
  }
  .phone_top_sm {
    width: 32%;
    padding-top: 3px;
  }
  .top_menu_sm {
    width: 14%;
  }
  .top_menu_sm {
    text-align: right;
  }
  .footer_menu ul {
    font-size: 14px;
  }
  .top_menu_sm > .top-menu-btn-sm {
    float: right;
  }
  .top_phone_graf_img_sm {
    display: inline-block;
  }
  .phone_top_sm a {
    margin-right: 10px;
  }
  .top-menu-block-sm {
    width: 100%;
  }
  .top_sq_sm > .search-form {
    width: 100%;
  }
  .sq_input {
    width: 90%;
  }
  .slide_text_block {
    font-size: 20px;
  }
  .slide_text_block a {
    margin-top: 10px;
    padding: 7px 7px;
    font-size: 13px;
  }
  .wrap-blok-content h1 {
    font-size: 28px;
    height: 32px;
  }
  .services-h1-two-line h1 {
    font-size: 23px;
    height: 70px;
  }
  .dostavka_bg {
    padding: 0 0 50px 0;
  }
  .dostav_ico img {
    width: 130px;
  }
}
@media screen and (max-width: 481px) {
  .top_logo {
    width: 50%;
  }
  .phone_top_sm {
    width: 36%;
  }
  .slide_text_block {
    font-size: 18px;
  }
  .index_top_tovar {
    font-size: 40px;
    height: 43px;
    width: 374px;
  }
  .portolio_index_title {
    font-size: 45px;
    top: 10px;
    left: -2px;
    height: 58px;
    width: 290px;
    background-attachment: inherit;
  }
  .wrap-blok-6 {
    padding: 96px 0 100px 0;
  }
  .compania_left h1 {
    font-size: 19px;
  }
  .kompania_index_title {
    font-size: 45px;
    width: 232px;
    height: 56px;
  }
  .compania_title {
    font-size: 14px;
  }
  .klients_index_title {
    font-size: 45px;
    width: 203px;
    height: 55px;
    left: -3px;
  }
  .index_form {
    font-size: 45px;
    height: 48px;
    width: 298px;
  }
  .kontakt_title {
    font-size: 45px;
    height: 47px;
    width: 220px;
  }
  .content_img_left,
  .content_img_right {
    max-width: 180px;
  }
}
@media screen and (max-width: 460px) {
  .giweb {
    text-align: left;
  }
  .sq_input {
    width: 89%;
  }
  .wrap-blok-content h1 {
    font-size: 20px;
    height: 28px;
  }
  .services-h1-two-line h1 {
    font-size: 18px;
    height: 70px;
  }
  .wrap-blok-content,
  .uslug_text,
  .jobs_block,
  .services_head_text,
  .services_head_text2 {
    font-size: 14px;
  }
  .content_img_left,
  .content_img_right {
    max-width: 170px;
  }
}
@media screen and (max-width: 432px) {
  .chat_sm_head {
    display: none;
  }
  .top_logo {
    width: 64%;
  }
  .top_menu_sm {
    width: 16%;
  }
  .phone_top_sm {
    width: 20%;
  }
  .sq_input {
    width: 88%;
  }
  .slide_text_block {
    line-height: 1.2;
  }
  .compania_title {
    font-size: 13px;
  }
  .dostavka_bg {
    padding: 0 0 10px 0;
  }
  .dostav_ico {
    margin-top: 48px;
  }
  .dostav_ico img {
    width: 120px;
  }
  .index_top_tovar {
    font-size: 37px;
    height: 39px;
    width: 348px;
  }
}
@media screen and (max-width: 380px) {
  .top_logo {
    width: 69%;
  }
  .phone_top_sm {
    width: 15%;
  }
  .footer_menu ul {
    font-size: 13px;
  }
  .sq_input {
    width: 86%;
  }
  .slide_text_block {
    font-size: 16px;
  }
  .slide_text_block a {
    margin-top: 8px;
    padding: 5px 4px;
    font-size: 12px;
  }
  .compania_left h1 {
    font-size: 17px;
  }
  .compania_left div {
    font-size: 13px;
  }
  .compania_left a {
    font-size: 13px;
    padding: 12px 0;
    width: 174px;
  }
  .compania_title img {
    width: 55px;
  }
  .content_img_left,
  .content_img_right {
    float: none;
    max-width: 100%;
  }
  .content_img_left img,
  .content_img_right img {
    max-width: 320px;
  }
  .index_top_tovar {
    font-size: 31px;
    height: 32px;
    width: 290px;
  }
}
@media screen and (max-width: 350px) {
  .slide_text_block {
    top: 10px;
    font-size: 15px;
  }
  .compania_title {
    font-size: 12px;
  }
  .index_form {
    font-size: 43px;
    height: 46px;
    width: 290px;
  }
  .content_img_left img,
  .content_img_right img {
    max-width: 290px;
  }
  .g-recaptcha div {
    width: 100% !important;
  }
  .g-recaptcha > div > div > iframe {
    width: 100% !important;
  }
}
@media screen and (max-width: 330px) {
  .sq_input {
    width: 85%;
  }
}
/* Модельные окна*/
#feedback {
  display: none;
}
#feedbackuspex {
  display: none;
}
.formtext {
  font-size: 18px;
  color: #208292;
}
.fomh2 {
  color: #c8d42c;
}

/* Модельное окно*/
/* базовый контейнер, фон затемнения*/
#overlay_cooke {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999999999;
  -webkit-animation: fade 0.6s;
  -moz-animation: fade 0.6s;
  animation: fade 0.6s;
  overflow: auto;
}
/* модальный блок */
.popup_cooke {
  bottom: 5px;
  left: 0;
  right: 0;
  font-size: 14px;
  margin: auto;
  opacity: 0.6;
  width: 98%;
  min-width: 320px;
  max-width: 1014px;
  position: fixed;
  /* padding: 5px; */
  border: 1px solid #402f14;
  background: #000;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow:
    0 15px 20px rgba(0, 0, 0, 0.22),
    0 19px 60px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:
    0 15px 20px rgba(0, 0, 0, 0.22),
    0 19px 60px rgba(0, 0, 0, 0.3);
  -ms-box-shadow:
    0 15px 20px rgba(0, 0, 0, 0.22),
    0 19px 60px rgba(0, 0, 0, 0.3);
  box-shadow:
    0 15px 20px rgba(0, 0, 0, 0.22),
    0 19px 60px rgba(0, 0, 0, 0.3);
  -webkit-animation: fade 0.6s;
  -moz-animation: fade 0.6s;
  animation: fade 0.6s;
}
/* кнопка закрытия */
.close_cooke {
  top: 2px;
  right: 2px;
  width: 32px;
  height: 32px;
  position: absolute;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  outline: none;
}
.close_cooke:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
  background-color: rgba(252, 20, 0, 0.8);
}
.modal_cooke {
  padding: 15px;
  display: inline-flex;
}
.text_cooke {
  padding: 0 20px 0 0;
  color: #fff;
}
.text_cooke a {
  color: #fff;
  text-decoration: underline;
}
.text_cooke a:link,
.text_cooke a:visited,
.text_cooke a:active {
  color: #fff;
  text-decoration: underline;
}
.text_cooke a:hover,
.text_cooke a:focus {
  color: #fff;
  text-decoration: none;
}
.button_cooke {
  padding-right: 42px;
  padding-top: 13px;
}

.button_cooke button {
  cursor: pointer;
  padding: 6px 10px;
  font-size: 16px;
  background: #2898aa;
  color: #fff;
  outline: none;
  border: none;
  box-shadow: none;
}
/*Модельные окна*/
.form_popup {
  display: none;
  max-width: 500px !important;
  width: 100%;
  padding: 25px;
}
.popyp-form-href-otziv {
  margin: 15px 0 10px 0;
}
.popyp-form-href-otziv a {
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  width: 240px;
  padding: 10px 0;
  display: block;
  background-color: #2898aa;
  border: 1px solid #2898aa;
  text-decoration: none;
  transition-duration: 0.46s;
  -webkit-transition-duration: 0.46s;
  -moz-transition-duration: 0.46s;
  -o-transition-duration: 0.46s;
  -ms-transition-duration: 0.46s;
}

.popyp-form-href-otziv a:link,
.popyp-form-href-otziv a:visited {
  color: #fff;
  text-decoration: none;
}

.popyp-form-href-otziv a:hover,
.popyp-form-href-otziv a:focus {
  color: #2898aa;
  background-color: #fff;
  text-decoration: none;
}

/* End */
/* /bitrix/templates/main/components/bitrix/menu/top/style.css?17739218974915 */
/* /bitrix/templates/main/components/bitrix/search.form/top/style.css?1773921897742 */
/* /bitrix/templates/main/components/bitrix/menu/mobile/style.css?17739218974030 */
/* /bitrix/templates/main/components/bitrix/news.list/slide_index/style.css?1773921897981 */
/* /bitrix/templates/main/styles.css?1773921898258 */
/* /bitrix/templates/main/template_styles.css?177392189841903 */
