*{
	font-family: Fira Sans Extra Condensed,Tahoma,Verdana,Geneva,Arial;
	font-size:1em;
}

*:focus,.form-control:focus{outline:none !important; outline-offset:0 !important;-webkit-box-shadow:none; box-shadow:none;}

.container {max-width:1300px; margin:0 auto; padding: 0; /*border:1px solid #c0c0c0;*/}
.container .row {margin:0; padding: 0; /*background-color: #FFF0F0;*/}

.fix_top{  /*	position: fixed;*/}



a {text-decoration: none;color:#0047D6;}
a:hover{text-decoration:  none;color:#cc0000;}

ul{margin: 0 0 0 20px;	padding: 0 0 0 20px;}
ul li{list-style: url(../img/arr_1.jpg);}
h1{ color: #000; font-size: 36px;margin:20px 0; padding:0 10px 0px 20px;
	background: url(../img/arr_1.jpg) no-repeat left 20px;
	border-bottom:2px dashed #dadde7;		
	display: table;
}
h2{
   	color: #003399; font-size: 24px;	
	display: inline-block;margin:20px 0px;
}
h3{  	color: #003399; font-size: 20px;border-bottom:1px solid #cc0000;display: inline-block;	}
.name_start{
	color: #003399; font-size: 26px;text-transform: uppercase;border-bottom:1px solid #cc0000;		
	display: inline-block;margin:20px 0px;
}
a.white,.white{color:#ffffff;}
a.black,.black{color:#2D2D2F;}
a.red,.red{color: #cc0000;}
a.gr,.gr{color: #969696;}
a.gray,.gray{color: #CFCFCF;}
a.teal,.teal{color: #008080;}

.slogan {	color: #666666; font-size: 15px;}
.tel{	color: #003399; font-size: 14px;border-left:1px solid #dadde7;border-right:1px solid #dadde7;margin-right:0;}
.addr{font-size: 14px;text-align: center;}
.copy{font-size: 12px;text-align: center;}
.bg_top { background: url(../img/bg_top.png) repeat-x; height:8px;}
.news_date{color: #969696;}
.line{ border-bottom:2px dashed #dadde7;}


.menu {margin:20px 0 !important;}
.navbar {margin:0;padding:0;}
.menu_top{
/*	margin:0;padding:0;
	border-left:1px solid #dadde7;*/
	position: relative;
	text-align: left;
/*	padding-left:0;*/
}
ul.menu_top {margin:0 !important;	padding:0 !important;}
.menu_top li{
	float:left;
	list-style: none;	
   	display: block;
	position: relative;
}
.menu_top li a{
	display: block;
	font-size: 18px;
	color: #003399;
	text-decoration: none;
	padding: 5px 0px;
	margin: 0 20px 0 0;
	text-transform: uppercase;
}
.menu_top a:hover{
	color: #000;
   /*	background-color: #EDEDED;
	background: url(../img/menu_str.jpg) no-repeat center bottom;*/
}
.menu_top li a.activ{
	color: #cc0000;
	/*background: url(../img/menu_str.jpg) no-repeat center bottom;*/
}

/*.dropdown-menu {
	display: none;
	top: 64px;
	background: #e6e9ed;
	z-index: 20;
	opacity: 0.9;
	border-radius: 0;
	border:1 px solid #CAD0D8;
	padding:10px;
}*/
.my_dropdown-menu{
	display: none;
	width: 100%;
	padding:1rem;
	position: absolute;
	left:0;
	top:0;
	background: #C4CBD4;
	z-index: 20;
	opacity: 0.95;
	border-radius: 0;
	border:1 px solid #CAD0D8;
}
.menu_top_sub{
	/*white-space: nowrap;*/
	text-decoration: none; 
	/*color: #FFF !important;*/
	padding:3px 5px 3px 5px !important;
}
.menu_top_sub:hover{
	color: #cc0000 !important;
	background: #fff !important;
}





.menu_bot {	padding: 0 0 0 20px;}
.menu_bot li{
	border-bottom:1px solid #dfe2ea;
	font-size: 14px;
	padding: 5px 0;
	color:#000;
}
.menu_bot li a{	color:#000;}
.menu_bot li a:hover{text-decoration: none;color:#0047D6;}
.proizv{
	float:center;
	border:1px solid #dadde7;
   	padding: 10px;
	margin:0;
}
.d5{
	float:left;
	width: 100%;
	margin:15px 0px;
	padding:15px;
	text-align: center;
}
.soc1{
	background-color: #dadde7;
	padding: 20px 10px;
	text-align: center;
}
.news_blok{
	
}
.news_box_date_1{color:#cc0000;font-size: 25px;}
.news_box_date_2{color:#cc0000;font-size: 14px;}
.news_head{height: 90px;overflow: hidden;}
.news_blok_img {
    min-height: 200px;
    /*background-size: cover;*/
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
	/*border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);*/
}
.map{	width: 100%;	height: 300px;}
.cou {float:left;margin:10px;}
#toTop {
	width:100px;
	background:#5bc0de;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:10px; 
	right:50%;
	cursor:pointer;
	display:none;
	color:#fff;
	font-family:verdana;
	font-size:11px;
}
.tov{
	border:1px solid #dadde7;
	padding:20px;
}
.tov b,.tov strong{color:#003399;}
.tov2{	border:2px solid #dadde7;	padding:20px; display: inline-block;}
.poltop{position: static;}
.div_cat{border:2px solid #dadde7;}
.name_cat{background-color: #cc0000; color:#fff;padding:5px 5px 5px 10px; }
.cat {padding:5px 5px 5px 10px; }
.cat li {list-style: none;}
.answer{
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	border-left:2px solid #dadde7;
}
.podp_answer{
	color:#808080;
	text-align: right;
	font-style: italic; 
}
a.t_button{	display:inline-block;background-color: #4169E1; color:#fff;padding:10px;opacity:0.8;}
a.t_button:hover{ color:#FFD700;}

.row.mt-1 img {
	max-width: 100%;
	height: auto;
}

#popup__toggle{bottom:25px;left:0px;position:fixed;z-index:999;}
.img-circle{background-color: #f15c1d;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #f15c1d;width:150px;height:150px;bottom:-25px;left:0px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .7;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#f15c1d;width:100px;height:100px;bottom:0px;left:25px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;left: 39px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .9;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/tpl/default/public/img/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
  
  
@media (min-width: 576px){
	.d5{ width: 30%;}
   	.addr{text-align: left;}
	.copy{text-align: left;}
}
@media (min-width: 768px){
	.d5{ width: 30%;}
	.proizv{float:left;}

}
@media (min-width: 992px){
   .d5{ width: 20%;}
   .poltop{position: relative;}
   #search {padding-top:10px;   }
   .menu {margin:0 !important;}
   .menu_top li a{	padding: 20px 0px;	}
   .menu_top a:hover{	background: url(../img/menu_str.jpg) no-repeat center bottom;	}
}
@media (min-width: 1200px){
	.d5{ width: 20%;}
}

.video-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.video-container iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    display: block;
    max-width: 1024px;
}