* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}





@font-face {
    font-family: 'Gilroy';
    src: url('../font/gilroy/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../font/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/gilroy/Gilroy-Regular.woff') format('woff'),
        url('../font/gilroy/Gilroy-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/gilroy/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('../font/gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/gilroy/Gilroy-RegularItalic.woff') format('woff'),
        url('../font/gilroy/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('../font/roboto/Robotolight.woff2') format('woff2'), url('../font/roboto/Robotolight.woff') format('woff'), url('../font/roboto/Robotolight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



/*************************************************/


input::-webkit-input-placeholder       {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}


textarea::-webkit-input-placeholder       {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; color: #dd9700; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; color: #dd9700; transition: opacity 0.3s ease;}

::-webkit-scrollbar { width: 5px; height: 5px;}


::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}

a {text-decoration: none;}

a:active, a:focus { outline: none; }

button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}

button::-webkit-focus-inner {
  border: 0;
}


.clearfix:after {
    content: "";
    display:block;
    clear: both;
}

ul, li{
	list-style: none;
	padding: 0;
	margin: 0;
}





body{
	font-family: Gilroy, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
	margin: 0px;
	padding: 0px;
	background: #fff;
	height: 100%;
}


.header, .nav, .slide, .clients, .main, .clients, .footer, .maps{
	width: 100%;
	justify-content: center;
	display: flex;
}




.bg_ng_2021_1{
	background: url(../img/bg_ng_2021_2.jpg) no-repeat center top;
	background-size: 100%;
}

a.bg_ng_2021_1_png{
	width: 100%;
	float: left;
	padding: 40px 0 40px 0;
}

a.bg_ng_2021_1_png img{
	width: 100%;
	float: left;
}



.back{
	width: 100%;
	float: left;
	background: #c80000;
}

.back a{
	width: 100%;
	float: left;
	color: #fff;
	font-size: 15px;
	padding: 12px 0 12px 0;
	text-align: center;
	text-shadow: 0px 1px 0px #f15d24;
}

.pdl{
	background: #110705;
	padding: 20px 0 20px 0;
}



.nav{
	background: rgb(200,0,0);
	background: linear-gradient(0deg,rgba(181, 0, 0, 1) 0%, rgba(237, 31, 31, 1) 100%);

}

.wrapper {
	float: left;
	width: 1400px;

}

.maps{
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

@media only screen and (min-width: 1000px) and (max-width : 1200px) {
	
	.wrapper {width: 1060px;}
	
}

@media only screen and (min-width: 800px) and (max-width : 1000px) {
	
	.wrapper {width: 860px;}
	
}

@media only screen and (min-width: 450px) and (max-width : 800px) {
	
	.wrapper {width: 660px;}
	
}

@media only screen and (max-width : 500px){
	
	.wrapper {width: 90%;}
	
}

.h_bg{background: url(../img/h_bg.png) no-repeat top right 18%;}

.top {
	height: 240px;
	/* background: red; */
	position: relative;
}

.top .logo a{
	height: 130px;
	width: 130px;
	background-image: url(../img/logo.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 50px 50px 0 0;
	float: left;
}

.top .slogan{
	float: left;
	width: 500px;
	margin: 65px 0 0 0;
}

.top .slogan .tpl{
	float: left;
	margin: 0 0 14px 0;
	font: 26px/30px Gilroy, arial;
	color: #434343;
}

.top .slogan .btl{
	float: left;
	margin: 0 0 0 0;
	font: 18px/20px Gilroy, arial;
	color: #434343;
	clear: both;
}

.top .btns{
	margin: 55px 0 0 0;
	float: right;
}

.top .btns .etll_soc{
	margin: 0 0 20px 0;
	float: left;
	width: 448px;
}

.top .btns .etll_soc a.tell{
	margin: 0 0 0 0;
	float: right;
	font: 30px/30px Gilroy, arial;
	color: #3c3839;
}

.top .btns .etll_soc a.tell:hover{
	color: #ff5400;
}


.top .btns .etll_soc a.whatsapp, a.viber, a.vk, a.te{
	width: 32px;
	height: 32px;
	float: left;
	border-radius: 2px;
	transition: all 0.10s ease-in-out;
}

.top .btns .etll_soc a.whatsapp{
	margin: 0 10px 0 0;
	float: left;
	background: #26d367 url(../img/whatsapp_icon.png) no-repeat center top 5px;
}
.top .btns .etll_soc a.whatsapp:hover{margin: -2px 10px 2px 0; box-shadow: 0px 2px 3px #888;}

.top .btns .etll_soc a.viber{
	margin: 0 10px 0 0;
	float: left;
	background: #7b519c url(../img/viber_icon.png) no-repeat center top 7px;
}
.top .btns .etll_soc a.viber:hover{margin: -2px 10px 2px 0; box-shadow: 0px 2px 3px #888;}

.top .btns .etll_soc a.vk{
	margin: 0 10px 0 0;
	float: left;
	background: #4680c2 url(../img/vk_icon.png) no-repeat center top 9px;
}
.top .btns .etll_soc a.vk:hover{margin: -2px 10px 2px 0; box-shadow: 0px 2px 3px #888;}

.top .btns .etll_soc a.te{
	float: left;
	background: #37aee2 url(../img/t_icon.png) no-repeat center top 6px;
}
.top .btns .etll_soc a.te:hover{margin: -2px 10px 2px 0; box-shadow: 0px 2px 3px #888;}



.top .btns .knopka a{
	clear: both;
	float: right;
	width: 448px;
	overflow: hidden;
	position: relative;
	background: rgb(200,0,0);
	background: linear-gradient(0deg,rgba(181, 0, 0, 1) 0%, rgba(237, 31, 31, 1) 100%);
	border-radius: 5px;
	padding: 20px 0 20px 0;
	color: #fff;
	font: 20px/20px Gilroy, arial;
	border-bottom: 6px solid #920000;
	text-align: center;
	box-shadow: 0px 2px 3px #575757;
	transition: all 0.10s ease-in-out;
}

.top .btns .knopka a:hover{
	padding: 20px 0 20px 0;
	margin: 6px 0 0 0;
	border-bottom: 0px solid #920000;
	box-shadow: 0px 1px 2px #575757;
}

.top .btns .knopka a:active{
	padding: 20px 0 20px 0;
	margin: 6px 0 0 0;
	border-bottom: 0px solid #bf3e0d;
	box-shadow:inset 0px 3px 3px #3c3c3c;
}

.top .btns .knopka a i{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	background: url(../img/phone_icon.png) no-repeat center top 12px;
	width: 60px;
	border-right: 1px solid #ee5a5a;
}

.top .btns .knopka a:hover i{
	border-right: 1px solid #ee5a5a;
}

.top .btns .knopka a span{
	float: left;
	margin: 0 0 0 60px;
	width: 387px;
}

@media only screen and (min-width: 1000px) and (max-width : 1200px) {
	
	.top {
		height: 200px;
		/* background: red; */
	}

	.top .logo a{
		height: 110px;
		width: 110px;
		margin: 40px 40px 0 0;
	}


	
	.top .slogan{
		width: 400px;
		margin: 50px 0 0 0;
	}

	.top .slogan .tpl{
		margin: 0 0 10px 0;
		font: 22px/26px Gilroy, arial;
	}

	.top .slogan .btl{
		font: 18px/20px Gilroy, arial;
	}

	
	.top .btns{
		margin: 34px 0 0 0;
	}

	.top .btns .etll_soc{
		margin: 0 0 15px 0;
		width: 400px;
	}

	.top .btns .etll_soc a.tell{
		font: 26px/26px Gilroy, arial;
	}



	.top .btns .etll_soc a.whatsapp, a.viber, a.vk, a.insta{
		width: 28px;
		height: 28px;
	}

	.top .btns .etll_soc a.whatsapp{
		background: #26d367 url(../img/whatsapp_icon.png) no-repeat center top 3px;
	}

	.top .btns .etll_soc a.viber{
		background: #7b519c url(../img/viber_icon.png) no-repeat center top 5px;
	}

	.top .btns .etll_soc a.vk{
		background: #4680c2 url(../img/vk_icon.png) no-repeat center top 7px;
	}

	.top .btns .etll_soc a.insta{
		background: #9637ff url(../img/insta_icon.png) no-repeat center top 4px;
	}
	
	
	
	

	
	
	

	.top .btns .knopka a{
		width: 400px;
		border-radius: 5px;
		padding: 18px 0 18px 0;
		font: 20px/20px Gilroy, arial;
		border-bottom: 6px solid #bf3e0d;
	}


	.top .btns .knopka a i{
		background: url(../img/phone_icon.png) no-repeat center top 10px;
	}

	.top .btns .knopka a:hover i{
		border-right: 1px solid #ebb57b;
	}

	.top .btns .knopka a span{
		width: 339px;
	}
	
}

@media only screen and (min-width: 800px) and (max-width : 1000px) {
	
	.h_bg{background: url(../img/h_bg.png) no-repeat top right -100%;}
	
	.top {
		height: 180px;
		/* background: red; */
	}

	.top .logo a{
		height: 90px;
		width: 90px;
		margin: 45px 40px 0 0;
	}

	.top .slogan{
		width: 324px;
		margin: 55px 0 0 0;
	}

	.top .slogan .tpl{
		margin: 0 0 5px 0;
		font: 18px/24px Gilroy, arial;
	}

	.top .slogan .btl{
		font: 14px/14px Gilroy, arial;
	}
	
	
	
	.top .btns .etll_soc a.whatsapp, a.viber, a.vk, a.insta{
		width: 28px;
		height: 28px;
	}

	.top .btns .etll_soc a.whatsapp{
		background: #26d367 url(../img/whatsapp_icon.png) no-repeat center top 3px;
	}

	.top .btns .etll_soc a.viber{
		background: #7b519c url(../img/viber_icon.png) no-repeat center top 5px;
	}

	.top .btns .etll_soc a.vk{
		background: #4680c2 url(../img/vk_icon.png) no-repeat center top 7px;
	}

	.top .btns .etll_soc a.insta{
		background: #9637ff url(../img/insta_icon.png) no-repeat center top 4px;
	}

	
	.top .btns{
		margin: 34px 0 0 0;
	}

	.top .btns .etll_soc{
		margin: 0 0 15px 0;
		width: 350px;
	}

	.top .btns .etll_soc a.tell{
		font: 24px/28px Gilroy, arial;
	}

	.top .btns .knopka a{
		width: 350px;
		border-radius: 3px;
		padding: 18px 0 18px 0;
		font: 18px/18px Gilroy, arial;
		border-bottom: 6px solid #bf3e0d;
	}

	.top .btns .knopka a i{
		background: url(../img/phone_icon.png) no-repeat center top 9px;
	}

	.top .btns .knopka a span{
		width: 289px;
	}
	
}

@media only screen and (min-width: 450px) and (max-width : 800px) {
	

	
	.top {
		height: 140px;
		/* background: red; */
	}

	.top .logo a{
		height: 70px;
		width: 70px;
		margin: 35px 20px 0 0;
	}

	.top .slogan{
		width: 270px;
		margin: 40px 0 0 0;
	}

	.top .slogan .tpl{
		margin: 0 0 5px 0;
		font:bold 15px/19px Gilroy, arial;
	}

	.top .slogan .btl{
		font: 14px/14px Gilroy, arial;
	}
	

	.top .btns .etll_soc a.whatsapp, a.viber, a.vk, a.insta{
		width: 28px;
		height: 28px;
	}

	.top .btns .etll_soc a.whatsapp{
		background: #26d367 url(../img/whatsapp_icon.png) no-repeat center top 3px;
	}

	.top .btns .etll_soc a.viber{
		display: none;
	}

	.top .btns .etll_soc a.vk{
		background: #4680c2 url(../img/vk_icon.png) no-repeat center top 7px;
	}

	.top .btns .etll_soc a.insta{
		display: none;
	}

	
	.top .btns{
		margin: 20px 0 0 0;
	}

	.top .btns .etll_soc{
		margin: 0 0 15px 0;
		width: 280px;
	}

	.top .btns .etll_soc a.tell{
		font: 24px/28px Gilroy, arial;
	}

	.top .btns .knopka a{
		width: 280px;
		padding: 13px 0 13px 0;
		font: 15px/15px Gilroy, arial;
		border-bottom: 5px solid #bf3e0d;
	}
	
	.top .btns .knopka a:hover{
		padding: 13px 0 13px 0;
		margin: 5px 0 0 0;
	}

	.top .btns .knopka a:active{
		border-bottom: 0px solid #bf3e0d;
		box-shadow:inset 0px 3px 3px #3c3c3c;
	}
	

	.top .btns .knopka a i{
		display: none;
	}

	.top .btns .knopka a span{
		width: 100%;
		margin: 0 0 0 0;
	}
	
}

@media only screen and (max-width : 500px){
	
	.top {
		height: 180px;
		/* background: red; */
	}

	.top .logo a{
		height: 70px;
		width: 70px;
		margin: 30px 20px 0 0;
	}

	.top .slogan{
		width: 232px;
		margin: 37px 0 0 0;
	}

	.top .slogan .tpl{
		margin: 0 0 5px 0;
		font:bold 13px/17px Gilroy, arial;
	}

	.top .slogan .btl{
		font: 14px/14px Gilroy, arial;
	}
	

	.top .btns .etll_soc a.whatsapp, a.viber, a.vk, a.insta{
		width: 28px;
		height: 28px;
		
	}

	.top .btns .etll_soc a.whatsapp{
		background: #26d367 url(../img/whatsapp_icon.png) no-repeat center top 3px;
	}

	.top .btns .etll_soc a.viber{
		background: #7b519c url(../img/viber_icon.png) no-repeat center top 5px;
		display: block;
	}

	.top .btns .etll_soc a.vk{
		background: #4680c2 url(../img/vk_icon.png) no-repeat center top 7px;
	}

	.top .btns .etll_soc a.insta{
		background: #9637ff url(../img/insta_icon.png) no-repeat center top 4px;
		display: block;
	}

	
	.top .btns{
		margin: 30px 0 0 0;
		width: 100%;

	}

	.top .btns .etll_soc{
		margin: 0 0 0 0;
		width: 100%;

	}

	.top .btns .etll_soc a.tell{
		font: 24px/28px Gilroy, arial;
	}

	.top .btns .knopka a{
		display: none;
		
	}
	
	
	
}






nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}
nav a {
  text-decoration: none;
  display: block;
  color: #fff;
}


.topmenu > li {
	float: left;
	position: relative;
	width: 20%;
	list-style: none;
	text-align: center;
	border-right: 1px solid #ee5a5a;
	transition: all 0.10s ease-in-out;
}

.topmenu > li:last-child {
	border-right: 0;
}

.topmenu > li:first-child {
	background: none;
}

.topmenu > li:hover {
	background: linear-gradient(0deg,rgba(207, 10, 10, 1) 0%, rgba(244, 40, 40, 1) 100%);
	
}

.topmenu > li > a {
  position: relative;
  padding: 25px 0 20px 0;
  margin: 0 0 0 0;
  font: 17px 'Gilroy', arial;
  text-transform: uppercase;
  letter-spacing: 2px;

}

.topmenu > li > a:hover {
  color: #fff;
  cursor: pointer;
}



.topmenu > li > a:before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 0px;
  width: 100%;
  height: 3px;
  background: #7f0000;
  transform: translate(-50%, 0px);
  opacity: 0;
  transition: .3s;
}
.topmenu li:hover a:before {
  transform: translate(-50%, 0);
  opacity: 1;
}


.submenu {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 100%;

  padding: 0px 0 0 0;
  margin-top: 0px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,.2);
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, 18px);
  transition: .3s;

}
.topmenu > li:hover .submenu {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  
  
  
  
}
.submenu a {
  font-family: 'Gilroy', arial;
  font-size:  16px;
  letter-spacing: 0px;
  padding: 10px 25px 10px 25px;
  transition: .2s linear;
  color: #222;
  text-align: left;
}
.submenu a:hover {background: #e8e8e8;}



@media (max-width: 1250px){
	.topmenu > li > a {
		padding: 15px 0 15px 0;
		font-size: 14px;
	}
	
	.submenu a {
		font-family: 'Gilroy', arial;
		font-size:  12px;
		letter-spacing: 0px;
		padding: 5px 10px;
		transition: .2s linear;
		color: #222;
		text-align: left;
	}
}

.menu-btn{

	display: none;
	border-radius: 3px;
	padding: 7px 10px 7px 10px;
	position: absolute;
	right: 0px;
	top: 10px;
	font-family: 'Gilroy', arial;
	font-size:  14px;
	color: #fff;
	cursor: pointer;
	background: rgb(241,93,36);
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
}

@media only screen and (max-width : 500px){
	.nav{display: none;}
	.menu-btn{display: block;}
	
	
	
}



.pushy {
  position: fixed;
  width: 77%;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #222;
  font: 16px 'Gilroy', arial;
  padding: 15px 30px;
  text-decoration: none;
}
.pushy a:hover {
  color: #333;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}



.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

.pushy-open-left .site-overlay:hover,
.pushy-open-right .site-overlay:hover {
  cursor: url(foo.cur), url(../img/cursor_exit.png), auto;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}

.pushy-submenu button {
  width: 100%;
  color: #222;
  padding: 15px 30px;
  text-align: left;
  background: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  border-left: 0;
  border-right: 0;
  outline: none;
}

.pushy-submenu button span{
	margin: 0 0 0 20px;
	color: #5d5d5d;
	font: 12px/12px 'Gilroy', arial;
}

.pushy-submenu button:hover {
  color: #222;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
  font: 16px 'Gilroy', arial;
  cursor: pointer;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1500px;
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}




.index_sl{
	background-image: url(../img/bg_slide_1.jpg);
	background-size: cover;
	background-color: #190704;
	background-repeat: no-repeat;
}

.page_sl{
	background: #190704;
	padding: 20px 0 20px 0;
}

.page_sl h1{
	float: left;
	color: #fff;
	font: 40px/40px Gilroy, arial;
}

.perechen{
	float: right;
	margin: 100px 125px 100px 0;
}

.perechen ul{
	float: left;
	margin: 0 0 30px 0;
}

.perechen li{
	float: left;
	clear: both;
	margin: 0 0 24px 0;
	font:100 25px/25px Gilroy, arial;
	color: #fff;
	background: url(../img/tochka-icon.png) no-repeat center left;
	padding: 0 0 0 30px;
	letter-spacing: 2px;
}

.perechen .btn_add a{
	float: left;
	clear: both;
	background: rgb(200,0,0);
	background: linear-gradient(0deg,rgba(181, 0, 0, 1) 0%, rgba(237, 31, 31, 1) 100%);
	border-radius: 5px;
	padding: 20px 70px 20px 70px;
	color: #fff;
	font: 20px/20px Gilroy, arial;
	text-align: center;
	transition: all 0.10s ease-in-out;
	
}

.perechen .btn_add a:hover{
	background: linear-gradient(0deg,rgba(207, 10, 10, 1) 0%, rgba(244, 40, 40, 1) 100%);
}


.cbp_slider{
	margin: 70px 0 40px 0;
	float: left;
	width: 100%;
}


@media only screen and (min-width: 1000px) and (max-width : 1200px) {
	
	.index_sl{
		background-position: -120px 0;
	}
	
	.perechen{
		margin: 60px 98px 60px 0;
	}

	.perechen ul{
		margin: 0 0 20px 0;
	}

	.perechen li{
		margin: 0 0 18px 0;
		font:100 22px/22px Gilroy, arial;
	}

	.perechen .btn_add a{
		padding: 15px 60px 15px 60px;
	}
	
	.cbp_slider{
		margin: 40px 0 40px 0;
	}
}

@media only screen and (min-width: 800px) and (max-width : 1000px) {
	
	.index_sl{
		background-position: -120px 0;
	}
	
	.perechen{
		margin: 50px 68px 50px 0;
	}

	.perechen ul{
		margin: 0 0 10px 0;
	}

	.perechen li{
		margin: 0 0 15px 0;
		font:100 20px/20px Gilroy, arial;
	}

	.perechen .btn_add a{
		padding: 15px 50px 15px 50px;
	}
	
	.cbp_slider{
		margin: 40px 0 40px 0;
	}
}

@media only screen and (min-width: 450px) and (max-width : 800px) {
	
	.index_sl{
		background-position: -220px 0;
	}
	
	.perechen{
		margin: 40px 0 40px 0;
	}

	.perechen ul{
		margin: 0 0 10px 0;
	}

	.perechen li{
		margin: 0 0 15px 0;
		font:100 20px/20px Gilroy, arial;
	}

	.perechen .btn_add a{
		width: 280px;
		padding: 15px 0 15px 0;
		font: 16px/16px Gilroy, arial;
	}
	
	.cbp_slider{
		margin: 40px 0 40px 0;
	}
	
}

@media only screen and (max-width : 500px){
	
	.index_sl{
		background-image: none;
	}
	
	.perechen{
		float: left;
		width: 100%;
		margin: 50px 0 50px 0;
	}

	.perechen ul{
		margin: 0 0 30px 0;
	}

	.perechen li{
		margin: 0 0 15px 0;
		font:100 22px/22px Gilroy, arial;
	}

	.perechen .btn_add a{
		width: 100%;
		padding: 18px 0 18px 0;
		font: 20px/20px Gilroy, arial;
	}
	
	.cbp_slider{
		margin: 30px 0 50px 0;
	}
	
}






/**************************************/



.stroka_info_bl{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	border-radius: 3px;
}

.stroka_info_bl .st_top{
	float: left;
	width: 100%;
	padding: 15px 20px 15px 20px;
	border: 1px solid #d2d2d2;
	border-radius: 5px 5px 0 0;
	font:600 20px/20px Gilroy, arial;
	color: #333;
}

.stroka_info_bl .st_content{
	float: left;
	width: 100%;
	padding: 40px 20px 40px 20px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.stroka_info_bl .st_bottom{
	float: left;
	width: 100%;
	padding: 15px 20px 15px 20px;
	border: 1px solid #d2d2d2;
	border-radius: 0 0 5px 5px;
	font: 14px/18px Gilroy, arial;
	color: #333;
}

.stroka_info_bl .info{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.stroka_info_bl .info p{
	float: left;
	width: 100%;
	font: 16px/20px Gilroy, arial;
	margin: 0 0 10px 0;
}
 
.stroka_info_bl .info p span{
	float: left;
	font: 16px/20px Gilroy, arial;
	margin: 0 0 0 0;
	padding: 0 10px 5px 0;

}

.stroka_info_bl .info p span:last-child{
	float: left;
	font:600 16px/20px Gilroy, arial;
	border-right: 0;
	padding: 0 0 5px 10px;
}

.stroka_info_bl .st_content .st_submit{
	float: left;
	width: 200px;
	padding: 10px 20px 10px 20px;
	border: 0px;
	background: rgb(241,93,36);
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
	border-radius: 3px;
	color: #fff;
	font: 16px/16px Gilroy, arial;
	cursor: pointer;
	margin: 0 0 30px 0;
}

@media only screen and (max-width : 500px){
	
	
	.stroka_info_bl .info p{
		text-align: left;
	}
	
	.stroka_info_bl .info p span{
		float: left;
		width: 100%;
		font: 16px/20px Gilroy, arial;
		margin: 0 0 0 0;
		padding: 0 0 5px 0;
		border-bottom: 0;
		border-right: 0;
	}

	.stroka_info_bl .info p span:last-child{
		float: left;
		font:600 16px/20px Gilroy, arial;
		border-right: 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #eee;
	}
	
}






/**************************************/





.block_title h3{
	width: 100%;
	float: left;
	margin: 0 0 70px 0;
	text-align: center;
	color: #000;
	font:500 36px/36px Gilroy, arial;
	text-transform: uppercase;
}

.sub_title{
	width: 40%;
	float: left;
	margin: -40px 30% 70px 30%;
	text-align: center;
	color: #5a5a5a;
	font: 24px/30px Gilroy, arial;
}

.hkr{
	width: 100%;
	float: left;
	margin: -50px 0 0 0;
}

.hkr a{
	float: left;
	margin: 0 10px 0 0;
	font: 18px/18px Gilroy, arial;
	color: #ff4200;
}

.hkr a:hover{
	text-decoration: underline;
}

.hkr span{
	float: left;
	margin: 0 10px 0 0;
	font: 18px/18px Gilroy, arial;
	color: #dedede;
}

.page_title{
	float: left;
	width: 100%;
	margin: 30px 0 40px 0;
}

.page_title h1{
	float: left;
	width: 100%;
	font:100 45px/45px Gilroy, arial;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

.page_title p.sub{
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	font:500 22px/26px Gilroy, arial;
}

@media only screen and (max-width : 500px){
	
	.page_title{
		float: left;
		width: 100%;
		margin: 10px 0 20px 0;
	}
	
	.page_title h1{
		float: left;
		width: 100%;
		font:600 25px/28px Gilroy, arial;
		margin: 0 0 20px 0;
		padding: 0 0 0 0;
		text-align: center;
	}
	
	.page_title p.sub{
		text-align: center;
	}
	
	.hkr{
		display: none;
	}

	
}

.contact_info{
	float: left;
	margin: 0 0 0 0;
}

.contact_info .adress{
	float: left;
	margin: 0 0 30px 0;
}

.contact_info .adress i{
	float: left;
	margin: 0 15px 0 0;
	font-size: 20px;
	color: #000;
}

.contact_info .adress span{
	float: left;
	font: 20px/20px Gilroy, arial;
}


.contact_info .tell{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}

.contact_info .tell i{
	float: left;
	margin: 0 15px 0 0;
	font-size: 20px;
	color: #000;
}

.contact_info .tell span{
	float: left;
	font: 20px/20px Gilroy, arial;
}

.contact_info .tell a{
	float: left;
	font: 20px/20px Gilroy, arial;
	color: #ff4200;
}

.contact_info .mail{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}

.contact_info .mail i{
	float: left;
	margin: 0 15px 0 0;
	font-size: 20px;
	color: #000;
}

.contact_info .mail span{
	float: left;
	font: 20px/20px Gilroy, arial;
}

.contact_info .mail a{
	float: left;
	font: 20px/20px Gilroy, arial;
	color: #ff4200;
}


.stroka_kgl{
	background-image: url(../img/stroka_kgl_bg-.png);
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 80px 0 0 0;
	padding: 0 0 100px 0;
}

.stroka_kgl p{
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	font: 18px/24px Gilroy, arial;
}


.calculator{
	float: left;
	margin: 30px 0 0 0;
	width: 100%;
}

.calculator h4{
	float: left;
	margin: 0 0 30px 0;
	width: 100%;
	font:600 20px/20px Gilroy, arial;
}

.calculator .textar{
	float: left;
	margin: 0 5% 0 0;
	width: 53%;
}

.calculator .textar textarea{
	float: left;
	min-width: 100%;
	max-width: 100%;
	min-height: 250px;
	max-height: 350px;
	background: #ffeec9;
	border: 2px solid #edb63e;
	border-radius: 3px;
	padding: 2%;
	font: 18px Gilroy, arial;
	color: #000;
	outline: none;
	transition: all 0.10s ease-in-out;
}

.calculator .textar textarea:focus{
	border: 2px solid #e66c00;
}

.calculator .chislo{
	float: left;
	margin: 0 0 0 0;
	width: 42%;
	background: grey;
}




.preim{
	width: 80%;
	float: left;
	margin: 0 10% 0px 10%;
}

.preim .left_col{
	width: 47%;
	float: left;
	margin: 0 6% 0 0;
}

.preim .block{
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}

.preim .block .text{
	width: 80%;
	float: left;
	/* background: red; */
	margin: 0 0 0 6%;
}

.preim .block .text h3{
	width: 100%;
	float: left;
	font:bold 20px Gilroy, arial;
	color: #000;
	margin: 0 0 15px 0;
}

.preim .block .text p{
	width: 100%;
	float: left;
	font: 16px Gilroy, arial;
	color: #767676;
	margin: 0 0 0 0;
	text-align: left;
}

.preim .block .img{
	width: 14%;
	float: left;
	margin: 0 0 0 0;
}

.preim .block .img img{
	width: 100%;
	float: left;
}

.preim .right_col{
	width: 47%;
	float: left;
}



@media only screen and (min-width: 1000px) and (max-width : 1200px) {
	
	.stroka_kgl{
		margin: 50px 0 0 0;
	}
	
	.block_title h3{
		margin: 0 0 50px 0;
		font:100 30px/30px Gilroy, arial;
	}
	
	.sub_title{
		width: 50%;
		margin: -30px 25% 70px 25%;
		font: 20px/24px Gilroy, arial;
	}
	
	.stroka_kgl p{
		margin: 0 0 20px 0;
		font: 16px/22px Gilroy, arial;
	}
	
	.preim .left_col{
		width: 47%;
		margin: 0 6% 0 0;
	}

	.preim .right_col{
		width: 47%;
	}
}

@media only screen and (min-width: 800px) and (max-width : 1000px) {
	
	.stroka_kgl{
		margin: 50px 0 0 0;
	}
	
	.block_title h3{
		margin: 0 0 30px 0;
		font:100 26px/26px Gilroy, arial;
	}
	
	.sub_title{
		width: 60%;
		margin: -10px 20% 70px 20%;
		font: 20px/24px Gilroy, arial;
	}
	
	.stroka_kgl p{
		margin: 0 0 15px 0;
		font: 16px/20px Gilroy, arial;
	}
	
	.preim .left_col{
		width: 100%;
		margin: 0 0 0 0;
	}

	.preim .right_col{
		width: 100%;
	}
}

@media only screen and (min-width: 450px) and (max-width : 800px) {
	
	.stroka_kgl{
		margin: 50px 0 0 0;
	}
	
	.block_title h3{
		margin: 0 0 30px 0;
		font: 22px/22px Gilroy, arial;
	}
	
	.sub_title{
		width: 70%;
		margin: -10px 15% 70px 15%;
		font: 18px/24px Gilroy, arial;
	}
	
	.stroka_kgl p{
		margin: 0 0 15px 0;
		font: 16px/20px Gilroy, arial;
	}
	
	.preim .left_col{
		width: 100%;
		margin: 0 0 0 0;
	}

	.preim .right_col{
		width: 100%;
	}
	
	.preim .right_col .block:last-child{
		margin: 0;
	}
	
	.preim .block .text{
		width: 100%;
		margin: 0 0 0 0;
	}

	.preim .block .text h3{
		font:bold 16px Gilroy, arial;
		text-align: center;
	}

	.preim .block .text p{
		font: 14px Gilroy, arial;
		text-align: center;
	}

	.preim .block .img{
		width: 14%;
		margin: 0 43% 0 43%;
	}
	
}

@media only screen and (max-width : 500px){
	
	.stroka_kgl{
		margin: 30px 0 0 0;
	}
	
	.block_title h3{
		margin: 0 0 20px 0;
		font:600 16px/16px Gilroy, arial;
	}
	
	.sub_title{
		width: 100%;
		margin: -10px 0 30px 0;
		font:600 14px/18px Gilroy, arial;
		color: #7b7b7b;
	}
	
	.stroka_kgl p{
		margin: 0 0 20px 0;
		font: 16px/20px Gilroy, arial;
		text-align: center;
	}
	
	.preim{
		width: 100%;
		margin: 0 0 -70px 0;
	}
	
	.preim .left_col{
		width: 100%;
		margin: 0 0 0 0;
	}

	.preim .right_col{
		width: 100%;
	}
	
	.preim .right_col .block:last-child{
		margin: 0;
	}
	
	.preim .block .text{
		width: 100%;
		margin: 0 0 0 0;
	}

	.preim .block .text h3{
		font:bold 16px Gilroy, arial;
		text-align: center;
	}

	.preim .block .text p{
		font: 14px Gilroy, arial;
		text-align: center;
	}

	.preim .block .img{
		width: 20%;
		margin: 0 40% 0 40%;
	}
	
}

.subse{
	width: 100%;
	float: left;
	text-align: center;
}

.rrk{
	background-image: url(../img/showcase-bg.1920x1080x1.jpg);
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 0 0 0;
	padding: 100px 0 100px 0;
}

.clk{
	margin: 0 0 0 0;
	padding: 100px 0 100px 0;
}



.rrk p{
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	font: 16px/22px Gilroy, arial;
}

.rrk .wrap{
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
}

.rrk .wrap .block{
	float: left;
	width: 327px;
	height: 480px;
	margin: 0 30px 50px 0;
	position: relative;
	background: #fff;
	border: 1px solid #dcdcdc;
	/* box-shadow: 0px 1px 2px #ccc; */
	/* border-radius: 3px; */
	transition: all 0.20s ease-in-out;
}

.rrk .wrap .block:hover{
	margin: -7px 30px 57px 0;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.47);
	box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.47);
	border: 1px solid #fff;
}

.rrk .wrap .block:nth-child(4n){
	margin: 0 0 50px 0;
}

.rrk .wrap .block:hover:nth-child(4n){
	margin: -7px 0 57px 0;
}

.rrk .wrap .block h3{
	float: left;
	width: 100%;
	height: 100px;
	padding: 20px 5% 0 5%;
	margin: 0 0 0 0;
	/* border-bottom: 1px solid #eee; */
	font:500 23px Gilroy, arial;
	color: #111;
	text-align: center;
}

.rrk .wrap .block img{
	float: left;
	width: 50%;
	margin: 0 25% 20px 25%;
}

.rrk .wrap .block p{
	float: left;
	width: 100%;
	padding: 0 5% 0 5%;
	font: 14px Gilroy, arial;
	text-align: center;
}

.rrk .wrap .block a{
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 90%;
	margin: 0 5% 20px 5%;
	padding: 17px 0 17px 0;
	font: 19px Gilroy, arial;
	text-align: center;
	color: #da3232;
	/* background: #ff8400; */
	border: 1px solid #f57c7c;
	border-radius: 3px;
	transition: all 0.20s ease-in-out;
}

.rrk .wrap .block:hover a{
	background: rgb(200,0,0);
	background: linear-gradient(0deg,rgba(181, 0, 0, 1) 0%, rgba(237, 31, 31, 1) 100%);
	color: #fff;
}

.rrk .wrap .block a:hover{
	margin: -5px 5% 25px 5%;
	transition: all 0.10s ease-in-out;
}

@media only screen and (min-width: 1000px) and (max-width : 1200px){
	.rrk .wrap .block{
		width: 242px;
		height: 400px;
	}
	
	.rrk .wrap .block h3{
		height: 90px;
		font:500 18px Gilroy, arial;
	}
	
	.rrk .wrap .block img{
		width: 40%;
		margin: 0 30% 20px 30%;
	}
}

@media only screen and (min-width: 800px) and (max-width : 1000px){
	.rrk .wrap .block{
		width: 192px;
		height: 330px;
	}
	
	.rrk .wrap .block h3{
		height: 90px;
		font:500 16px Gilroy, arial;
	}
	
	.rrk .wrap .block img{
		display: none;
	}
	
	.rrk .wrap .block p{
		border-top: 1px solid #eee;
		padding: 10px 5% 0 5%;
	}
}

@media only screen and (min-width: 450px) and (max-width : 800px){
	
	
	
	.rrk .wrap .block{
		width: 315px;
		height: 450px;
	}
	
	.rrk .wrap .block:nth-child(2n){
		margin: 0 0 50px 0;
	}
	
	.rrk .wrap .block:hover:nth-child(2n){
		margin: -7px 0 57px 0;
	}
	
	.rrk .wrap .block:nth-child(4n){
		margin: 0 0 50px 0;
	}

	.rrk .wrap .block:hover:nth-child(4n){
		margin: -7px 0 57px 0;
	}
	
	.rrk .wrap .block h3{
		height: 90px;
		font:500 18px Gilroy, arial;
	}
	
	.rrk .wrap .block img{
		display: block;
	}
	
	.rrk .wrap .block p{
		border-top: 0;
		padding: 10px 5% 0 5%;
	}
}

@media only screen and (max-width : 500px){
	
	
	
	.rrk .wrap .block{
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
	}
	
	.rrk .wrap .block:nth-child(2n){
		margin: 0 0 30px 0;
	}
	
	.rrk .wrap .block:hover:nth-child(2n){
		margin: -7px 0 37px 0;
	}
	
	.rrk .wrap .block:nth-child(4n){
		margin: 0 0 30px 0;
	}

	.rrk .wrap .block:hover:nth-child(4n){
		margin: -7px 0 37px 0;
	}
	
	.rrk .wrap .block h3{
		height: 90px;
		font:500 22px Gilroy, arial;
	}
	


	
	.rrk .wrap .block a{
		position: relative;
		float: left;
	}
}



.kl_block{
	float: left;
	width: 109px;
	height: 100px;
	/* background: #eee; */
	margin: 0 20px 10px 0;
	overflow: hidden;
}
 
.kl_block:nth-child(11n){
	margin: 0 0 10px 0;
}


@media only screen and (min-width: 1000px) and (max-width : 1200px){
	.kl_block{
		width: 78px;
		height: 82px;
	}

}

@media only screen and (min-width: 800px) and (max-width : 1000px){
	.kl_block{
		width: 77px;
		height: 75px;
	}
	 
	.kl_block:nth-child(11n){
		margin: 0 20px 10px 0;
	}
	
	.kl_block:nth-child(9n){
		margin: 0 0 10px 0;
	}
}

@media only screen and (min-width: 450px) and (max-width : 800px){
	.kl_block{
		width: 65px;
		height: 70px;
	}
	 
	.kl_block:nth-child(11n){
		margin: 0 20px 10px 0;
	}
	
	.kl_block:nth-child(9n){
		margin: 0 20px 10px 0;
	}
	
	.kl_block:nth-child(8n){
		margin: 0 0 10px 0;
	}
}


@media only screen and (max-width : 500px){
	.kl_block{
		width: 23%;
		height: 80px;
		margin: 0 1% 10px 1%;
	}
	
	.kl_block:nth-child(11n){
		margin: 0 1% 10px 1%;
	}
	 
	.kl_block:nth-child(4n){
		margin: 0 1% 10px 1%;
	}
}

.kl_block img{
	float: left;
}

.k1{margin: 12px 0 0 0; width: 100%;}
.k2{margin: 28px 0 0 0; width: 100%;}
.k3{margin: 8px 0 0 10%; width: 80%;}
.k4{margin: 12px 0 0 0; width: 100%;}
.k5{margin: 15px 0 0 0; width: 100%;}
.k6{margin: 17px 0 0 0; width: 100%;}
.k7{margin: 10px 0 0 0; width: 100%;}
.k8{margin: 26px 0 0 0; width: 100%;}
.k9{margin: 26px 0 0 0; width: 100%;}
.k10{margin: 10px 0 0 15%; width: 70%;}
.k11{margin: 5px 0 0 15%; width: 70%;}
.k12{margin: 11px 0 0 0; width: 100%;}
.k13{margin: 0 0 0 15%; width: 70%;}
.k14{margin: 0 0 0 10%; width: 80%;}
.k15{margin: 25px 0 0 0; width: 100%;}
.k16{margin: 18px 0 0 0; width: 100%;}
.k17{margin: 8px 0 0 0; width: 100%;}
.k18{margin: 0 0 0 10%; width: 80%;}
.k19{margin: 20px 0 0 0; width: 100%;}
.k20{margin: 5px 0 0 5%; width: 90%;}
.k21{margin: 5px 0 0 0; width: 100%;}
.k22{margin: 18px 0 0 0; width: 100%;}
.k23{margin: 18px 0 0 0; width: 100%;}
.k24{margin: 5px 0 0 0; width: 100%;}
.k25{margin: 13px 0 0 0; width: 100%;}
.k26{margin: 11px 0 0 0; width: 100%;}
.k27{margin: 5px 0 0 5%; width: 90%;}
.k28{margin: 24px 0 0 0; width: 100%;}
.k29{margin: 23px 0 0 0; width: 100%;}
.k30{margin: -5px 0 0 5%; width: 90%;}
.k31{margin: 0 0 0 5%; width: 90%;}
.k32{margin: 16px 0 0 0; width: 100%;}
.k33{margin: 16px 0 0 0; width: 90%;}
.k34{margin: 10px 0 0 0; width: 100%;}
.k35{margin: 25px 0 0 0; width: 100%;}
.k36{margin: 25px 0 0 0; width: 100%;}
.k37{margin: 25px 0 0 0; width: 100%;}
.k38{margin: 25px 0 0 0; width: 100%;}
.k39{margin: 25px 0 0 0; width: 100%;}
.k40{margin: 25px 0 0 0; width: 100%;}
.k41{margin: 25px 0 0 0; width: 100%;}
.k42{margin: 25px 0 0 0; width: 100%;}
.k43{margin: 25px 0 0 0; width: 100%;}
.k44{margin: 15px 0 0 0; width: 100%;}






.left_col{
	float: left;
	margin: 0 30px 0 0;
	width: 1020px;
}

.left_col p{
	text-align: left;
}

.left_col .info{
	float: left;
	margin: 0 0 50px 0;
	width: 100%;
}

.left_col .info p{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	font: 14px/18px Gilroy, arial;
}

.left_col .info p span{
	color: red;
	font: 16px Gilroy, arial;
}


.left_form{
	/* background: red; */
	float: left;
	width: 450px;
	margin: 0 30px 0 0;
}

.left_form input.input-wide{
	float: left;
	width: 100%;
	border: 1px solid #bababa;
	border-radius: 2px;
	outline: none;
	background: #fff;
	box-shadow: 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	height: auto;
	font: 16px/18px Gilroy, arial;
}


.textarea-wide {
    background: #fff;
    min-height: 150px;
    width: 100%;
    border: 1px solid #bababa;
	border-radius: 2px;
    padding: 7px 7px 7px 7px;
    resize: none;
	outline: none;
	font: 16px/18px Gilroy, arial;
}

@media only screen and (max-width : 500px){
	
	.left_col{
		width: 100%;
	}
	
	.left_form{
		width: 100%;
	}
	
}




.right_form{
	/* background: grey; */
	float: left;
	width: 460px;
}



.right_form .top{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

@media only screen and (max-width : 500px){
	.right_form{
		width: 100%;
	}
	
	.right_form .top{
		margin: 0 0 70px 0;
	}
}

.right_form .top .gorod{
	float: left;
	width: 50%;
	margin: 0 0 0 0;
}

.right_form .top .tip{
	float: left;
	width: 50%;
	margin: 0 0 0 0;
}

.bottom_form{
	float: left;
	width: 100%;
	height: 260px;
	margin: 0 0 20px 0;
	overflow-x: scroll;
	
}

.bottom_form .box{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
}


.price_num{
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

.price_num .kolvo{
	float: left;
	width: 50%;
}



.price_num .kolvo .input-small {
    background: #fff;
	float: left;
	width: 100%;
    border: 0;
	font:600 34px/34px Gilroy, arial;
	outline: none;
}

.price_num .summ{
	float: left;
	width: 50%;
}



span.price {
    font:600 34px/34px Gilroy, arial;
    margin: 0;
    padding: 0;
}

.price_style{
    border: 0px;
	float: left;
	margin: 0 0 20px 0;
    width: 100%;
    color: #5b5b5b;
}

.price_style .min{
   font:600 16px/16px Gilroy, arial;
}



.submit_form2{
	float: left;
	clear: both;
	background: rgb(241,93,36);
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
	border-radius: 5px;
	padding: 20px 70px 20px 70px;
	color: #fff;
	font: 20px/20px Gilroy, arial;
	border-bottom: 6px solid #bf3e0d;
	text-align: center;
	transition: all 0.10s ease-in-out;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	cursor: pointer;
	margin: 30px 0 0 0;
	width: 100%;
}

.submit_form2:hover{
	margin: 36px 0 0 0;
	border-bottom: 0px solid #bf3e0d;
}

.submit_form2:active{
	border-bottom: 0px solid #bf3e0d;
	box-shadow:inset 0px 3px 3px #000;
}




.right_col{
	float: left;
	width: 350px; 
}

.right_col .agent{
	float: left;
	width: 80%;
	margin: 0 10% 0 10%;
}

.right_col .agent .img{
	float: left;
	width: 100%;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	padding: 10px;
	margin: 0 0 30px 0;
}

.right_col .agent .img img{
	float: left;
	width: 100%;
	border-radius: 2px;
}

.right_col .agent .info{
	float: left;
	width: 100%;
}

.right_col .agent .info .name{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	font:600 20px/20px Gilroy, arial;
}

.right_col .agent .info .dlj{
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	font: 16px/16px Gilroy, arial;
}

.right_col .agent .info ul{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
}

.right_col .agent .info ul li{
	float: left;
	clear: both;
	margin: 0 0 0 0;
}

.right_col .agent .info ul li a{
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	font: 14px/14px Gilroy, arial;
	color: #ff7e00;
}

.right_col .agent .info ul li a:hover{
	text-decoration: underline;
}

@media only screen and (max-width : 500px){
	
	.right_col{
		width: 100%; 
		
	}
	
	.right_col .agent{
		width: 100%;
		margin: 30px 0 0 0;
	}
	
	.right_col .agent .img{
		margin: 0 0 20px 0;
	}
	
}



.checkbox{
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}

/* для элемента input c type="checkbox" */
    .custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    /* для элемента label, связанного с .custom-checkbox */
    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
    }

    /* создание в label псевдоэлемента before со следующими стилями */
    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #bababa;
      border-radius: 2px;
      margin: 0 10px 0 0;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
	  cursor: pointer;
    }

    /* стили при наведении курсора на checkbox */
    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: #ff8900;
    }

    /* стили для активного чекбокса (при нажатии на него) */
    .custom-checkbox:not(:disabled):active+label::before {
      background-color: #b3d7ff;
      border-color: #b3d7ff;
    }


    /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
    .custom-checkbox:focus:not(:checked)+label::before {
      border-color: #80bdff;
    }

    /* стили для чекбокса, находящегося в состоянии checked */
    .custom-checkbox:checked+label::before {
      border-color: #ff7f00;

      background-color: #ff7f00;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    /* стили для чекбокса, находящегося в состоянии disabled */
    .custom-checkbox:disabled+label::before {
      background-color: #e9ecef;
    }





/* для элемента input c type="radio" */
  .custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  /* для элемента label связанного с .custom-radio */
  .custom-radio+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }
  /* создание в label псевдоэлемента  before со следующими стилями */
  .custom-radio+label::before {
    content: '';
    display: inline-block;
    width: 32px;
      height: 32px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 2px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
	cursor: pointer;
  }
  /* стили при наведении курсора на радио */
  .custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: #ff8900;
  }
  /* стили для активной радиокнопки (при нажатии на неё) */
  .custom-radio:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }

  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  .custom-radio:focus:not(:checked)+label::before {
    border-color: #80bdff;
  }
  /* стили для радиокнопки, находящейся в состоянии checked */
  .custom-radio:checked+label::before {
    border-color: #ff7f00;
    background-color: #ff7f00;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  }
  /* стили для радиокнопки, находящейся в состоянии disabled */
  .custom-radio:disabled+label::before {
    background-color: #e9ecef;
  }
  


.main_btn_rd{
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
}

.main_btn_rd .tv a{
	float: left;
	width: 150px;
	background: #ff7f00;
	text-align: center;
	border-radius: 3px;
	position: relative;
	margin: 0 10px 0 0;
	letter-spacing: 3px;
	color: #fff;
	padding: 15px 0 15px 0;
	font:bold 20px/20px arial;
}

.main_btn_rd .tv a.not{
	background: #ccc;
}


.main_btn_rd .rd a{
	float: left;
	width: 150px;
	background: #ff7f00;
	text-align: center;
	border-radius: 3px;
	position: relative;
	color: #fff;
	padding: 15px 0 15px 0;
	font:bold 20px/20px arial;
}

.main_btn_rd .rd a.not{
	background: #ccc;
}


.main_btn_rd .tv a:hover, .main_btn_rd .rd a:hover{
	background: #ff7f00;
	color: #fff;
}






.order_ok{
	float: left;
	/* background: red; */
	margin: 0 0 30px 0;
	width: 100%;
	display: none;
}

.order_ok .hide{
	float: left;
}


.order_ok .hide,
.hide + label ~ div.blocki {
    display: none;
	float: left;
	clear: both;
}
/* вид текста label */
.order_ok .hide + label {
    margin: 0;
    padding: 0;
    font: 14px/16px Gilroy, arial;
    cursor: pointer;
    display: inline-block;
	float: left;
}

.order_ok .hide + label{
	padding: 0 0 0 0;
	float: left;
}

.order_ok .hide + label span {
    color: #ff7f00;
	font-weight: bold;
}

/* вид текста label при активном переключателе */
.order_ok .hide:checked + label {
    color: #111;
    border-bottom: 0;
	float: left;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.order_ok .hide:checked + label + div.blocki {
    display: block; 
    /* чуточку анимации при появлении */
     -webkit-animation:fade ease-in 0.5s; 
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s; 
	 float: left;
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}


.submit_form{
	float: left;
	clear: both;
	background: rgb(241,93,36);
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
	border-radius: 5px;
	padding: 20px 70px 20px 70px;
	color: #fff;
	font: 20px/20px Gilroy, arial;
	border-bottom: 6px solid #bf3e0d;
	text-align: center;
	transition: all 0.10s ease-in-out;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	cursor: pointer;
	margin: 30px 0 0 0;
	width: 100%;
}

.submit_form:hover{
	margin: 36px 0 0 0;
	border-bottom: 0px solid #bf3e0d;
}

.submit_form:active{
	border-bottom: 0px solid #bf3e0d;
	box-shadow:inset 0px 3px 3px #000;
}




.order_ok .hide + label:before {
	background: rgb(241,93,36);
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
	border-bottom: 3px solid #bf3e0d;
    color: #fff;
    content: "Оплатить";
    display: block;
    font: 18px/18px Gilroy, arial;
	width: 120px;
	padding: 10px 0 10px 0;
    margin: 0 10px 20px 0;
    text-align: center; 
    border-radius: 2px;
	float: left;
}
.order_ok .hide:checked + label:before {
    background: #d8d8d8;
	border-bottom: 0px solid #bf3e0d;
	 margin: 3px 10px 17px 0;
	 content: "Закрыть";
}

.order_ok .input_order{
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #bababa;
	border-radius: 2px;
	outline: none;
	background: #fff;
	box-shadow: 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	height: auto;
	font: 16px/16px Gilroy, arial;
}



.order_ok .go_order{
	border: 0;
	float: left;
	border-radius: 2px;
	padding: 9px 11px 9px 11px;
	background: rgb(241,93,36);
	font: 16px/16px Gilroy, arial;
	background: linear-gradient(0deg, rgba(241,93,36,1) 0%, rgba(248,122,36,1) 52%, rgba(255,155,35,1) 100%);
	color: #fff;
	cursor: pointer;
}




.pdl_info{
	background: #272727;
	padding: 40px 0 40px 0;
}
  
.pdl_left{
	float: left;
	width: 70%;
}

.pdl_left ul{
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
}

.pdl_left ul li{
	float: left;
	margin: 0 25px 0 0;
}

.pdl_left ul li:last-child{
	margin: 0 0 0 0;
}

.pdl_left ul li a{
	float: left;
	color: #fff;
	font: 18px/18px Gilroy, arial;
}

.pdl_left ul li a:hover{
	color: #ccc;
}

.pdl_left .prava{
	font: 13px/15px Gilroy, arial;
	color: #707070;
	float: left;
	width: 60%;
	margin: 0 0 20px 0;
}

.pdl_left a.polit{
	font: 12px/12px Gilroy, arial;
	color: #ff7e00;
	clear: both;
	float: left;
	margin: 0 0 20px 0;
}

.pdl_left a.polit:hover{
	text-decoration: underline;
}

.pdl_left .ceni{
	font: 15px/20px Gilroy, arial;
	color: #fff;
	float: left;
	clear: both;
	width: 60%;
}

.pdl_right{
	float: left;
	width: 30%;
}

.pdl_right .cpr{
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
	font: 15px/20px Gilroy, arial;
	color: #fff;
}

.pdl_right ul.tell{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.pdl_right ul.tell li{
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	font: 14px/14px Gilroy, arial;
	color: #fff;
}

.pdl_right ul.mail{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
}

.pdl_right ul.mail li a{
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	font: 14px/14px Gilroy, arial;
	color: #ff7e00;
}

.pdl_right ul.mail li a:hover{
	text-decoration: underline;
}


@media only screen and (max-width : 500px){
	.pdl_left{
		width: 100%;
		margin: 0 0 25px 0;
		padding: 0 0 25px 0;
		border-bottom: 1px dashed #484848;
	}
	
	.pdl_left ul{
		margin: 0 0 15px 0;
	}
	
	.pdl_left ul li{
		margin: 0 25px 10px 0;
	}

	.pdl_right{
		width: 100%;
	}
	
	.pdl_left .prava{
		width:  100%;
	}
	
	.pdl_left .ceni{
		width:  100%;
	}
	
	.pdl_right ul.tell li{
		margin: 0 20px 0 0;
		clear: none;
	}
	
	.pdl_right ul.tell li{
		font: 16px/16px Gilroy, arial;
	}
	
	.pdl_right ul.mail li a{
		font: 16px/16px Gilroy, arial;
	}
}












.pages_info{
	float: left;
	width: 100%;
}

.pages_info .left_cl{
	float: left;
	width: 60%;
	margin: 0 2% 0 0;
}

.pages_info .left_cl ul{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
}

.pages_info .left_cl ul li{
	float: left;
	width: 100%;
	margin: 0 0 10px 20px;
	list-style: square outside;
	font: 16px/20px Gilroy, arial;
}

.pages_info .left_cl ul li a{
	color: #ff720c;
}

.pages_info .left_cl ul li a:hover{
	text-decoration: underline;
}

.pages_info .right_cl{
	float: left;
	width: 38%;
}

.pages_info .right_cl h3{
	float: left;
	width: 100%;
	font:bold 20px Gilroy, arial;
	margin: 0 0 20px 0;
}

.pages_info .right_cl img{
	float: left;
	width: 100%;
	border: 1px solid #eee;
	padding: 10px;
}

.pages_info .right_cl iframe{
	float: left;
	width: 100%;
	height: 265px;
	border: 1px solid #eee;
	padding: 10px;
	margin: 0 0 20px 0;
}

.pages_info .left_cls{
	float: left;
	width: 38%;
	margin: 0 2% 0 0;
}

.pages_info .left_cls iframe{
	float: left;
}

.pages_info .right_cls{
	float: left;
	width: 60%;
}













.pr_blk{
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
	text-align: center;
	padding: 3% 2% 1% 2%;
}

.pr_blk:last-child{
	margin: 0 0 0 0;
	background: #e4e4e4;
}

.pr_blk:nth-child(1){
	background: #e4e4e4;
}

.pr_blk .icon{
	width: 100%;
	float: left;
}

.pr_blk h3{
	float: left;
	clear: both;
	font:600 20px Gilroy, arial;
	text-align: center;
	width: 100%;
}

.pr_blk p{
	float: left;
	clear: both;
	font: 16px/24px Gilroy, arial;
	text-align: center;
	width: 100%;
}



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

	
	
}

@media only screen and (min-width: 800px) and (max-width : 1000px){

}

@media only screen and (min-width: 450px) and (max-width : 800px){

}


@media only screen and (max-width : 500px){
	
	.pages_info .left_cl{
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.pages_info .left_cl h2{
		width: 100%;
		text-align: center;
		font:bold 18px Gilroy, arial;
	}

	.pages_info .right_cl{
		float: left;
		width: 100%;
	}
	
	.pages_info .right_cl h3{
		width: 100%;
		font:bold 18px Gilroy, arial;
		margin: 0 0 20px 0;
		text-align: center;
	}
	
	.pages_info .right_cl iframe{
		float: left;
		width: 100%;
		height: 160px;
	}

	.pr_blk{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0% 2% 2% 2%;
		clear: both;
	}
	
	.pr_blk:last-child{
		margin: 0 0 0 0;
		background: none;
	}

	.pr_blk:nth-child(1){
		background: none;
	}
	
	.pr_blk:nth-child(2){
		border-top: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
	}
	
	
	.pr_blk .icon img{
		margin: 30px 0 0 0;
	}
	
	.pr_blk .icon img{
		width: 30%;
	}
	
	.pr_blk p{
		font: 16px/20px Gilroy, arial;
	}

}








#page_price{
	float: left;
	width: 100%;
	margin: 100px 0 0 0;
}







.text-info{
	color:#fd700b;
	margin: 0 0 0 0;
	float: left;
}

a.text-info:focus,a.text-info:hover{
	color:#117a8b;
}

.text-warning{
	color:#ffc107;
}

a.text-warning:focus,a.text-warning:hover{
	color:#d39e00;
}

.text-danger{
	color:#fd700b;
}

a.text-danger:focus,a.text-danger:hover{
	color:#bd2130;
}

.text-light{
	color:#f8f9fa;
}

a.text-light:focus,a.text-light:hover{
	color:#dae0e5;
}

.text-dark{
	color:#343a40;
}

a.text-dark:focus,a.text-dark:hover{
	color:#1d2124;
}

  
span.rubs{
	margin: 0 0 0 3px;
	font: 10px Gilroy, arial;
	color: #000;
}



/********************/


.ads_video{
	float: left;
	width: 47.5%;
	margin: 0 5% 5% 0;
	border: 1px solid #ccc;
	padding: 1%;
	border-radius: 3px;
	background: #f9f9f9;
}

.ads_video:nth-child(2n){
	margin: 0 0 5% 0;
}

.ads_video iframe{
	float: left;
	width: 100%;
	height: 330px;
	border-radius: 3px;
}

.ads_video h2{
	float: left;
	font: 26px Gilroy, arial;
	color: #000;
	margin: 0 0 20px 0;
}



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


	.ads_video iframe{
		height: 260px;
	}

	.ads_video h2{
		font: 20px Gilroy, arial;
		margin: 0 0 15px 0;
	}
	
}

@media only screen and (min-width: 800px) and (max-width : 1000px){



	.ads_video iframe{
		height: 210px;
	}

	.ads_video h2{
		font: 18px Gilroy, arial;
		margin: 0 0 10px 0;
	}

}

@media only screen and (min-width: 450px) and (max-width : 800px){

	.ads_video iframe{
		height: 160px;
	}

	.ads_video h2{
		font: 16px Gilroy, arial;
		margin: 0 0 10px 0;
	}

}


@media only screen and (max-width : 500px){
	
	.ads_video{
		width: 100%;
		margin: 0 0 10% 0;
		padding: 3%;
	}

	.ads_video:nth-child(2n){
		margin: 0 0 10% 0;
	}
	
	.ads_video:last-child{
		margin: 0 0 0 0;
	}

	.ads_video iframe{
		height: 150px;
	}

	.ads_video h2{
		font:600 16px Gilroy, arial;
		margin: 0 0 10px 0;
		text-align: center;
		width: 100%;
	}
	
}



.stac ul{
	float: left;
	margin: 0 0 30px 0;
}

.stac li{
	float: left;
	clear: both;
	margin: 0 0 24px 0;
	background: url(../img/tochka-icon.png) no-repeat center left;
	padding: 0 0 0 30px;
	letter-spacing: 2px;
	list-style: auto;
}

.stac li a{
	font:100 25px/25px Gilroy, arial;
	color: #fff;
}