* {
  margin: 0;
  padding: 0;
}

body{
  padding: 10px 0 0 0;
  background: url(images/anywalls.com-7619.jpg) top;
  color:#000;
  }

.rigo{padding: 5px;background: white;font-weight: 600;}

.rid{ margin-top: 30%; }

.im24{
  width: 40%;
  float: left;
  padding: 9px;
  border: 2px solid;
  border-color: grey;
  background: white;
  margin-left: 30px;
  border-radius: 10px;
  margin-top: 70px;
  margin-bottom: 7%;
}
.red1{
  border: 4px solid;
  border-bottom: 1px solid;
  border-color: rgba(107, 107, 107, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 1px 0px;
  background: linear-gradient(to bottom, #ffffff, #FCFCFC);
  background-clip: padding-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: 10px;
}
.b20{ width: 50px;}


.imhead22{
  width: 30%;
  margin: 7px 0;
}
.r45{padding-left: 56px;}


a{
text-decoration:none;
outline: none;
cursor:hand;
}

ul {
  list-style-type:none;
}
.spacer{
clear:both; 
font-size:0; 
line-height:0;
}

/* Header*/
#header{
  width: 980px;
  height: 180px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#pribory {
  width: 100%;
  height: 175px;
  margin: 5px auto;
  display: flex;
}

.pr-item {
  margin: 0 5px;
}

.header-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.header-item > div {
  margin: 3px 5px;
}

.img-item {
  height: 120px;
  padding: 7px;
  border-radius: 8px;
  opacity: 0.88;
  background: white;
}

.img-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-item img {
  width: 100%;
  outline: none;
}

.item-title {
  padding: 4px;
  border-radius: 5px;
  opacity: 0.88;
  background:rgb(78, 75, 73);
  font-size: 14px;
  text-align: center;
  color: white;
} 

.item-title a {
  color: white;
}

.lings a {padding:0px; color:#FF6600; font-size:13px;}

#body{
width:978px;
padding:5px 1px 13px 2px;
margin:0 auto;
background: linear-gradient(to bottom, #F5F5F5, #FFFEFE);
}

/* Left*/
#left{
width:269px;
float:left;
background: linear-gradient(to bottom, #F5F5F5, #FFFEFE);
border-right: 1px solid;
border-right-color: rgb(226, 203, 203);
}
#left1{
width:324px;
background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
border:#DDDDCA solid 7px;
margin:0 0 4px 0;
padding:5px 10px 6px 9px;
color:#878767;
}
#left1 p.pic1{
display:block;
background:url(images/lft_pic1.png) 0 0 no-repeat;
width:88px;
height:78px;
margin:5px 0 0 0;
float:left;
}
#left1 p.boxTxt1{
float:right;
padding:0 0 0 15px;
border-left:#F9F9F1 solid 2px;
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:199px;
}
#left1 p.boxTxt1 span{
font:normal 19px/17px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
padding:0 0 0 25px;
margin:0 0 10px 0;
background:url(images/one.gif) 0 0 no-repeat;
height:17px;
display:block;
}

/* Right*/
#right {
  width: 708px;
  float: right;
}

#right h2{
  display:block;
  background-color:inherit;
  margin: 16px auto;
  padding-bottom: 20px;
  font:bold 30px/22px Arial, Helvetica, sans-serif;
  color:#413F3D;
  text-align: center;
}
#right p.rightTxt1{
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#62625C;
background-color:inherit;
padding:0 38px 10px 38px;
}
#right p.rightTxt1 span{
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#5F860B;
background-color:inherit;
}
#right p.rightTxt2{
font: normal 13px/18px Arial, Helvetica, sans-serif;
color:#62625C;
background-color:inherit; 
padding: 0 0 20px 38px;
float: left;
margin: 0 27px 0 0;
}

#right p.rightTxt2 span{
font:bold 17px/18px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
border-bottom:#BCBCB5 dashed 1px;
width:340px;
display:block;
margin:0 0 15px 0;
}
#right p.rightPic{
display:block;
background:url(images/right_panel_pic.gif) 0 0 no-repeat;
width:155px;
height:155px;
float:left;
border:5px #3A3A3A solid;
margin:0 0 22px 0;
}
#right p.rightBottom{
display:block;
/*background:url(images/right_bottom.gif) 0 0 no-repeat; */
width:608px;
height:20px;
float:left;
}

.content {
  margin: 10px auto;
}

/* BodyBottom*/
#bodyBottom{
width:946px;
background:url(images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
color:#fff;
padding:22px 13px 19px 18px;
margin:0 auto;
}
#news{
width:341px;
float:left;
margin:0 28px 0 0;
}
#news h2{
display:block;
padding:0;
font:bold 22px/16px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
margin:0 0 17px 0;
}
#news h3{
display:block;
background:#dfdfcf 0 0 no-repeat;
width:331px;
height:17px;
padding:0 0 0 7px;
margin:0 0 10px 0;
font: bold 25px Arial, Helvetica, sans-serif;
color:#974D04;
text-transform:uppercase;
}
#news p{
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#F7F7EA;
background-color:inherit;
padding:0 0 13px 0;
}
#news p span{
font:bold 12px/20px Arial, Helvetica, sans-serif;
color:#2C2C1B;
background-color:inherit;
text-decoration:underline;
display:block;
}
#service{
width:338px;
float:right;
}
#service h2{
display:block;
padding:0;
font:bold 22px/16px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
margin:0 0 17px 0;
}
#service h3{
display:block;
background:#dfdfcf;
width:327px;
height:17px;
padding:0 0 0 11px;
margin:0 0 14px 0;
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#974D04;
text-transform:uppercase;
}
#service ul{
padding:0;
margin:0;
display:block;
}
#service ul li{
display:block;
height:20px;
line-height:0;
}
#service ul li a{
display:block;
background:url(images/arrow_white.gif) 0 7px no-repeat;
padding:0 0 0 10px;
font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#47472D;
background-color:inherit;
text-decoration:underline;
height:20px;
}
#service ul li a:hover{
color:#974D04;
background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
text-decoration:none;
}
#member{
width:225px;
float:right;
}
#member h2{
display:block;
background:url(images/member_login_bg.gif) 0 0 no-repeat;
width:205px;
height:31px;
padding:0 0 0 20px;
font:bold 16px/31px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#member form{
width:191px;
background:url(images/member_form_bg.gif) 0 0 repeat-x #353535;
padding:9px 17px 24px 17px;
color:#fff;
}
#member form label{
font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
float:left; 
display:block;
}
#member form input.txtBox{
width:185px;
height:19px;
border-left:#808080 solid 1px;
border-top:#808080 solid 1px;
border-right:#D4D0C8 solid 1px;
border-bottom:#D4D0C8 solid 1px;
color:#000;
background-color:#fff;
margin:0;
padding:0;
float:left;
}
#member form a{
background:url(images/register_member_icon.gif) 0 0 no-repeat;
padding:0 0 0 20px;
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#9CCC37;
background-color:#353535;
text-decoration:underline;
float:left;
margin:15px 0 0 0;
width:120px;
}
#member form a:hover{
text-decoration:none;
}
#member form input.go{
background:url(images/btn_go.gif) 0 0 no-repeat;
width:36px;
height:15px;
border:none;
cursor:pointer;
float:right;
margin:15px 0 0 0;
}

/* Footer*/
#footer{
width:977px;
height:90px;
margin:0 auto;
background:#5F5C58;
color:#fff;
position:relative;
}
#footer ul{
width:587px;
position:absolute;
left:11px;
top:27px;
}
#footer ul li{
float:left;
color:#D4D4C6;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
color:#D4D4C6;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
padding:0 7px;
text-decoration:none;
}
#footer ul li a:hover{
color:#D4D4C6;
background-color:red;
}
#footer p.copyright{
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:red;
background-color:inherit;
position:absolute;
left:19px;
top:49px;
}
#footer img{
position:absolute;
left:880px;
top:51px;
width:84px;
height:26px;
}
.logo{
width: 43%;
height: 67%;
float: left;
margin-top: 18px;
}
#head{margin: 0px 147px 0px 150px; height: 140px;}
.tel{float: right; margin-right: 7px;}
.em1{margin-left: 7px;}
.imhead{width: 100%;}

.tdhead, .tdhead1{background: white; border-radius: 8px; opacity: 0.88;}
.tdhead2{background: rgb(78, 75, 73); border-radius: 5px; color: white; opacity: 0.88; font-size: 14px; padding: 4px;}
.tdhead2 a{color: white;}
.module-title {
font-size: 21px;
line-height: 31px;
text-shadow: 0 1px 0 #fff;
margin: 0 0 8px 0;
color: rgb(2, 1, 1);
padding: 6px;
border-radius: 5px 5px 1px 0px;
font-weight: 100;
}

.module.mod-box .menu-sidebar {
margin: -15px;
}
.module.mod-box .module-title + .menu-sidebar li.level1:first-child > .level1 {
border-top: 1px solid #d1d1d1;
}
.module.mod-box .module-title + .menu-sidebar li.level1:first-child > .level1 {
border-radius: 0;
}


.menu-sidebar li.level1:first-child > .level1 { border-top: none; }
.menu-sidebar li.level1:first-child > .level1 { border-radius: 0; }
.menu-sidebar a.level1, .menu-sidebar li > span.level1 a:hover { color: red; }
.menu-sidebar a.level1, .menu-sidebar li > span.level1 {
  padding: 0 10px;
  color: #444;
  text-shadow: 0 1px 0 #fff;
}
.menu a {
text-decoration: none;
}
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
padding: 7px 0px 0px 0px;
}
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
line-height: 27px;
}
.menu span {
margin-top: 0;
padding: 4px 0px 5px 4px;
list-style: none;
font-size: 20px;
width: 100%;
}
.menu-sidebar {
margin-top: 0;
padding: 0px;
padding: 1px 10px 0px 10px;
list-style: none;}
.left1{
/*background: url(/images/menu_sep.gif) top right repeat; */
margin-bottom: -20px;
}
.left1-1{
padding: 25px;
/*background: linear-gradient(to bottom, #F5F5F5, #FFFEFE);*/
width: 217px;
}
.left1-2{
border: 2px solid;
border-color: rgba(189, 187, 187, 0.1);
padding: 9px;
border-radius: 10px;
background: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
border-bottom-color: rgba(136, 135, 135, 0.2);
}
.menu-sidebar a.level1:hover{
color:#ad9156;
}
#left2 h3{
margin-left: 5px;
}

.item480{border-bottom: 1px solid #d1d1d1;
border-bottom-style: dotted;}

.left2-2{
border: 2px solid;
border-color: rgba(189, 187, 187, 0.1);
padding: 0px;
border-radius: 10px;
background: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
border-bottom-color: rgba(136, 135, 135, 0.2);
padding-bottom: 15px;
}
.left3-2{
border: 2px solid;
border-color: rgba(189, 187, 187, 0.1);
padding: 0px;
border-radius: 10px;
background: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
border-bottom-color: rgba(136, 135, 135, 0.2);
padding-bottom: 15px;
}
.menu-sidebar2{
list-style-type: disc;
margin-left: 20px;
}
.menu-sidebar2 a{
color:red;}
#left4 h3, #left3 h3 {
margin-left: 5px;
}
#left3, #left4{
margin-top: -21px;}
/*Начала колендаря*/
#calendar2 {
  width: 100%;
  font: monospace;
  line-height: 1.2em;
  font-size: 15px;
  text-align: center;
}
#calendar2 thead tr:last-child {
  font-size: small;
  color: rgb(85, 85, 85);
}
#calendar2 thead tr:nth-child(1) td:nth-child(2) {
  color: rgb(50, 50, 50);
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover {
  cursor: pointer;
}
#calendar2 tbody td {
  color: rgb(44, 86, 122);
}
#calendar2 tbody td:nth-child(n+6), #calendar2 .holiday {
  color: rgb(231, 140, 92);
}
#calendar2 tbody td.today {
  background: rgb(220, 0, 0);
  color: #fff;
}
/* Конец календаря */
.cent{margin-top: 70px;}

.rightTxt21 span {
  background: green;
  padding: 10px;
  border-radius: 10px;
}

.imhead1{width: 75%;}
.imhead2{width: 80%;}
.imhead3{width: 101%;}
.imhead4{width: 88%;}
.item_active2{}
.rightnew{
font: bold 30px/22px Arial, Helvetica, sans-serif;
color: #413F3D;
background-color: inherit;
margin: 16PX 0 16px 0;
padding: 0 0 0 38px;
display: block;
margin-left: -6%;
padding-bottom: 20px;}
.rightprice{
font: bold 30px/22px Arial, Helvetica, sans-serif;
color: #413F3D;
background-color: inherit;
margin: 16PX 0 16px 0;
padding: 0 0 0 38px;
display: block;
margin-left: 34%;
padding-bottom: 20px;}
.rightabaut{font: bold 30px/22px Arial, Helvetica, sans-serif;color: #413F3D;background-color: inherit;margin: 16PX 0 16px 0;padding: 0 0 0 38px;display: block;margin-left: 34%;padding-bottom: 20px;}
.rightTxt_1{padding: 10px;color: #62625C;}
h4 {
  display: block; 
  font: bold 30px/22px Arial, Helvetica, sans-serif; 
  color: #2824CF;
  margin: 16PX 0 10px 0;
  padding: 10px;
}

.pribor1-1{margin-left: 5px; border-bottom: 4px solid; border-color: rgb(40, 36, 207); margin-right: 2px; margin-bottom: 10px;}
.rightTxt_1{padding: 10px;color: #62625C;}
.b5{width: 100%; border-radius: 15px;}
.b6{width: 23%; float: left;}
.b8{float: left; width: 27px;}
.b9{float: left; width: 25px;}
.b10{float: left; width: 25px;}
.b11{float: left;width: 36px;margin-top: -5px;margin-left: -5px;}
#right00{padding: 10px; color: #2C2C27;}
#right00 h3 {
  border-top: solid 1px lightgrey;
  border-left: solid 1px lightgrey;
  border-right: solid 1px lightgrey;
  background: white;
  padding: 10px 0 0 10px;
  font-size: 25px;
}

.ripo{padding-bottom: 5px; width: 51%; float: left;}
.we td{padding: 10px;}

/* Pribory */

.pribor-details1 {
  border: solid 1px rgb(178, 171, 163);
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pribor-details1 div:first-child, .prices-in, .reestr  {
  width: 33%;
}

.reestr ul {
  font-size: 12px;
  list-style: none;
    margin: 10px auto;
}

.reestr ul li img {
  width: 25px;
  vertical-align: middle;
}
 
.assur {
  font-size: 12px;
  margin: 5px 0;
}

.assur img { width: 25px; vertical-align: middle; }
.prices-in { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.2em;
}

.prices-in span{
  font-size: 20px; 
  font-weight: 600;
  color: red;
}

.pribor-details2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.teh{
  width: 17%;
  margin: 15px;
  padding: 5px;
  border: solid 3px rgb(240, 88, 9);
  border-radius: 10px;
  background: white;
  color: black; 
  text-align: -webkit-center; 
  padding-bottom: 3px;
}
.pr-descr { width: 100%; margin: 15px 0; }

.pr-img {
  width: 50%;
  margin: 10px 0;
}
.pr-img img { width: 90%; display: block; margin: 0 auto; }


.e1{ padding-bottom: 60px;padding-top: 10px;}
.e2{ padding-bottom: 80px;padding-top: 10px;}
.ar1{font-size: 12px;margin-left: 5px;}
.im12, .im13, .im14{
  width: 45%;
  padding: 9px;
  border: 2px solid grey;
  background: white; 
  border-radius: 10px;
}
.im13{margin-top: 30px;}
.im14{margin-top: 20px;}
.teh_3{float: right;margin-top: 5px;margin-right: 60px;padding-bottom: 7px;}


/* Pribory of partners */

.select-item {
  display: block;
  margin: 20px 38px;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 8px;
  outline: none;
}

.partner-pribor {
  display: block;
  width: 90%;
  border: solid 0px gray;
  border-radius: 10px;
  margin: 10px auto;
  padding: 15px 25px;
  transition: all ease 3s;
  opacity: 0;
}
.hidden {
  display: none;
}

.partner-pribor img {
  display: block;
  margin: 10px auto;
  width: 90%;
  outline: none;
}

/* Неликвиды  */
.nelikvid {
  width: 90%;
  margin: 20px 40px;
  border: solid 1px gray;
  border-radius: 8px;
  padding: 10px 15px;
}
.nelikvid-header {
  height: 30px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.nelikvid img {
  width: 150px;
  height: 150px;
}
.nelikvid td {
  padding: 7px 0;
  border-bottom: solid 1px lightgray;
}





.context {
  text-align:center;
  font-family: 'Oswald', sans-serif;
  color:#FFFFFF;
  bottom: 254px;
  right: 100px;
  position:absolute;
  animation: horizontal_4465  4s linear infinite;
  transform-origin: 50% 50%;
  opacity: 1;
  cursor: pointer;
}
  
  .context:hover{opacity: 1; cursor: pointer;}
  
  @keyframes horizontal_4465 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.img2 {
  bottom: 200px;
  right: 90px;
  position:absolute;
  animation: animationName_5074 6s ease-in-out infinite;
  transform-origin: 50% 50%;
}

@keyframes animationName_5074 {
  0% {  transform: scale(1) }
  4.16667% {  transform:scale(.9) rotate(-8deg) }
  8.33333% {  transform:scale(.9) rotate(-8deg) }
  12.5% {  transform:scale(1.3) rotate(8deg) }
  16.66667% {  transform:scale(1.3) rotate(-8deg) }
  20.83333% {  transform:scale(1.3) rotate(8deg) }
  25% {  transform:scale(1.3) rotate(-8deg) }
  29.16667% {  transform:scale(1.3) rotate(8deg) }
  33.33333% {  transform:scale(1) rotate(0) }
  100% {  transform:scale(1) rotate(0) }
}


.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

-webkit-transition: opacity 10ms ease-in;
-moz-transition: opacity 100ms ease-in;
transition: opacity 10ms ease-in;
opacity: 0;
pointer-events: none;
}

.modal:target {
opacity: 1;
pointer-events: auto;
}

.modal > div {
width: 300px;
background: #ffffff;
position: relative;
margin: 10% auto;

-webkit-animation: minimise 10ms linear;

padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

.modal:target > div { -webkit-animation-name: bounce; }

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}



@-webkit-keyframes bounce {

  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);

  }

  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);

  }

  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }

  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }

}

@-webkit-keyframes minimise {

  0% {
  	-webkit-transform: scale3d(1,1,1);
  }

  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }

}

.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

.modal a[href="#close"]:focus { outline: none; }

.modal a[href="#close"]:after {
content: 'X';
display: block;
position: absolute;
right: -10px;
top: -10px;
width: 30px;
padding: 1px 1px 1px 2px;
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 2px solid #ffffff;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
  outline: 0px solid #000;
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 30pt;
}

#application {
    width: 300px;
    margin: 0 auto;
}
 
.applicationButton {
    margin-top: 25px;
    background: #30ad64;
    border: none;
    width: 100%;
    height: 73px;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    cursor: pointer;
	transition: .6s;
}
    .applicationButton:hover {
        background: #d68c18;
		transition: .6s;
    }
	
	
	/*????? ????? ??? ?????*/
#applicationName, #applicationEmail, #applicationTelephone {
    width: 100%;
    height: 73px;
    background: none;
    margin-top: 25px;
    border: 1px solid #555555;
    border-radius: 40px;
    text-align: center;
    color: #000;
    font-size: 24px;
}

/*????? ????? ??? ????? ?? ???*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus {
    border: 1px solid #30ad64;
}
 
/*????? ??????, ???????????? ? placeholder*/
::-webkit-input-placeholder {
    color: #c6ebea;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}
 
::-moz-placeholder  {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 19+ */
 
:-moz-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 18- */
 
:-ms-input-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
 
::placeholder {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#blok_tel {
background-color: #fff;
margin:100;
width: 400;
}

#footer .feedback {
  position: absolute;
  right: 50px;
  top: 30%;
}

#footer .feedback button {
  border: 0;
  border-radius: 8px;
  background: green;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

#footer .feedback button:hover {
  text-decoration: none;
  outline: none;
}

.cert-s {
  width: 5;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cert-s div {
  width: 20%;
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

/* Price page */ 

.pribor-descr{
  border-bottom: solid 1px lightgray;
  border-left: solid 1px lightgrey;
  border-right: solid 1px lightgrey;
  background: white;
  font-size: 18px;
  padding: 10px;;
}

.price-details {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: white;
  margin-bottom: 30px;
  border-bottom: solid 1px lightgrey;
}

.price-details div {
  padding: 5px 10px;
}

.price-details div:first-child {
  border-left: solid 1px lightgrey;
  text-align: center;
}

.download {
  width: 10%;
  font-size: 12px;
}

.download a {
  display: block;
}

.price-descr, .prices {
  border-left: solid 1px lightgrey;
  border-right: solid 1px lightgrey;
}

.prices { 
  width: 100%;
  font-size: 14px;
}

.prices span {
  font-size: 16px;
  color: green;
  font-weight: bold;
}

.item-details {
  display: none;
  position: relative;
  margin: 20px auto;
  font-size: 20px;
  font-weight: bold;
  color: red;
  text-align: center;
  text-decoration: underline;
}

.item-details:hover {
  text-decoration: none;
}

.map {
  margin: 30px auto;
  display: block;
  width: 170px;
}

.map button {
  background: green;
  padding: 5px 15px;
  border: solid 1px green;
  border-radius: 11px;
  font-size: 18px;
  color: white;
  cursor: pointer;
  outline: none;
}

.new-img1 img {
  display: block;
  width: 70%;
  margin: 10px auto;
}
.br1 { width: 100%; }

#footer .feedback {
    display: none;
  }

#burger, label {
  display: none;
}

canvas {
  background-color: #fff;
}

.img-header {
  display: none;
  overflow: hidden;
  width: 900px;
  height: 320px;
  margin: 0 auto;
  background-image: url("images/header_rspna.by.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img-header-in {
  display: none;
  overflow: hidden;
  width: 900px;
  height: 320px;
  margin: 0 auto;
  background-image: url("../images/header_rspna.by.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}


#canvas2 {
   width: 100%;
   height: 320px;
   position: absolute; 
   display: block; 
}

#dom_overlay_container {
  pointer-events:none; 
  overflow:hidden; 
  width: 100%; 
  height: 320px; 
  position: absolute; left: 0px; top: 0px; display: block;
}

#animation_container {
  display: none;
  height: 320px; 
	position: relative;
	margin: 0 auto;
 }

@media (max-width : 1152px) {
  #popup_toggle { bottom:25px; right:0px; position:fixed;}
  #canvas{width: 980px;}
}

@media (max-width: 1024px) { /* tablet version  */
  #popup_toggle {
    display: none;
  }

  #left {
    float: none;
    display: none;
  }
  #right {
    width: 95%;
    float: none;
  }

  .spacer {
    clear: none;
  }

  #MainMenu, #header, #footer, #body, #canvas {
    width: 95%;
  }

  .item-details {
    display: block;
  }

  .standart, .download {
    display: none;
  }

  .prices {
    border-left: 0;
  }

  #footer .feedback {
    display: block;
  }
}

@media (max-width: 900px) {
  #MainMenu {
    display: none;
  }

  #burger, label {
    display: block;
  }

  nav {
    display: block;
    border-radius: 0;
  }

  nav .feedback {
    display: block;
    outline: none;
  }

  #footer .feedback {
    display: none;
  }

  center {
    margin-top: 60px;
  }

}

@media (max-width: 768px) { /* tablet version  */


  .img-header, .img-header-in {
    display: none;
    width: 95%;
  }

  #animation_container {
    display: block;
  }

  .cert-s div {
    width: 25%;

  }  

  .pribor-details1 div:first-child, .prices-in { width: 50%; }
  .reestr  { width: 100%; }
  .assur { text-align: right; margin-right: 10%;}

  .price-descr {
    display: none;
  }

  .new-img1 img {
    width: 90%;
  }
  .pr-descr {width: 100%;}
  
  .pr-img { width: 100%; } 
  .pr-img img { width: 70%;}

  #footer ul {
    display: none;
  }

  #footer p.copyright {
    position: relative;
    left: inherit;
    top: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
 }

}


@media (max-width : 560px) { /* mobile version */
  canvas { 
    width:100%;
  }

  .cert-s div {
    width: 31%;
  }

  .new-img1 img {
    width: 100%;
  }

  .pribor-details1 div:first-child, .prices-in { width: 100%; }
  .teh {width: 30%;}


 .nelikvid {
   margin: 20px 0;
 }

 .nelikvid-header {
   font-size: 12px;
 }
}

@media (max-width : 420px) {
  .cert-s div {
    width: 45%;
  }  
  .teh {width: 40%;}

.nelikvid {
   margin: 20px 0;
   font-size: 12px;
 }

} 


@media (max-width : 320px) {
  .cert-s div {
    width: 100%;
  }  
}