@import url('https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap');


* {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-style: italic;
}


.valuta {
	display: none;
}

body {
	/*background: url(bg-light-4868.png);*/
/*	background: #f9ffbae1;
*/
	background: #fbffdfe1;
}

header {
	width: 100%;
	color: black;

	padding: 5px 0;
  	font-family: 'Montserrat', sans-serif;

}

a {
	text-decoration: none;
	color: black;
}

.mail {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color: black;
}

.cell_ {
	display: flex;
	align-items: center;
}

.content {
	margin: 0 auto;
	max-width: 1450px;

}

table {
	width: 65%;
}



.cell_  img {
	padding-right: 40px;
}

.phone ul li {
	display: inline;
	padding-right: 40px; 
	font-size: 19px;
	text-align: center;

}

.phone {
	margin-left: auto;
}



.menu a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.menu a:hover {
	color: grey;
}



.menu {
	margin: 0 auto;
	text-align: center;
	color: white;
	background: #212246;
	padding: 15px 0;
	position: relative;

}

.menu .mens li {
	display: inline-block;
	padding-right: 40px; 

	font-weight: bold;
	font-size: 18px;

	font-family: 'Montserrat', sans-serif;
}

 
 .topmenu > li {
 	  position: relative;

 }

.submenu a {
	display: block;
  padding: 10px 15px;
  text-decoration: none;
  outline: none;

  font-size: 15px;
  transition: .5s linear;

}

.submenu li {
  border-bottom: 1px solid rgba(255,255,255,.3);
  color: white;
  padding-right: 0 !important;

}


.chr:after {
	content: "\25BC";
	display: inline-block;
	font-size: 50%;

	position: absolute;
	top: 5px;
	margin-left: 5px;

}

 .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
   background: #202b62;;

 }
 
.topmenu li:hover .submenu {
 	display: block;
 }


.sliderpicture {
	position: relative;

}

.sliderpicture img {

}

.uppicture {

	box-sizing: border-box;
	padding: 30px;
	background: rgb(225,215,215, .7);
	
	font-family: 'Montserrat', sans-serif;

	position: absolute;

	top: 90.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;

}

 .flex {
 	 flex: 1 2 300px;
 	 margin-left: 150px;
}

.two {
 	 margin-right: 150px;

}
/*.flex:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: grey;

	border-radius: 50px;
}
*/
.aboutus {
	font-size: 18px;
	font-family: ;
	width: 1000px;
	text-align: justify;
}


div.aboutus p {
	
}

h2 {
	margin-bottom: 25px;
	margin-top: 25px;
	margin-left: 50px;
}

h2.content {
	margin-top: 42px;
	text-align: center;
}

.square {
	width: 268px;
	height: 150px;
	background: black;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}


.active > a{
	text-decoration: underline;

}

.icnos {

}
 
.phone a {
	 background-size: 20px;
	  padding-left: 30px;
}

.nomer {
	  background:url(../icons/phone-call-auricular-symbol-in-black_icon-icons.com_56483.svg) no-repeat left center; 
	 /* vertical-align:bottom;*/
}


.mail {
	 background:url(../icons/mail.svg) no-repeat left center; 
/*	  vertical-align:bottom;
*/}

.geo {
	 background:url(../icons/mest.svg) no-repeat left center; 
	 padding-left: 30px;

/*	  vertical-align:bottom;
*/}

.map {
	
}

.lg {
	margin-top: 25px;
	margin-bottom: 25px;
}
 
.contact h3 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.production {
	display: flex;
	flex-wrap:wrap;

	margin-top: 50px;
	width: 64%;
	margin-left: 22%;


}
 
.production div {
	
	width: 423px;
	height: 200px;

	padding: 5px;
	
	padding-bottom: 50px;

}







.production div:nth-child(1), .production div:nth-child(3) {
	padding-right: 75px;
	border-right: 1px solid rgba(53,114,212,0.35);

}

.production div:nth-child(2), .production div:nth-child(4) {
	padding-left: 75px;
}


.production div:nth-child(1), .production div:nth-child(2) {
	border-bottom: 1px solid rgba(53,114,212,0.35);;
	
}

.production div span{
	display: block;
	width: 235px;
	margin-top: 55px;
	font-size: 23px;


}

.production div img {
	float: right;
	width: 150px;
	margin-right: 35px;


}

 
.production div p {
	font-size: 15px;
	text-decoration: underline;

}

.production div p:hover {
	text-decoration: none;

}



.containers {
  /*box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  align-items: 
  width: 50%;
  margin: 25px auto;
  margin-top: 35px;
  align-items: flex-start;*/

box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    /* align-content: space-between; */
    margin: 25px auto;
    margin-top: 35px;

}
.item {
  display: contents;

}
	

.item > div {

    width: 550px;
    padding-bottom: 20px;
    padding-right: 80px;
    text-align: center;
    padding-left: 80px;
    padding-top: 20px;

}


.item .txt {
	display: inline-block;
	margin: 0 auto;
}

.containers img {
	border-radius: 15px;
	width: 35%;
	float: right;
}
 
.txt {
	display: inline-block;
	font-size: 20px;
	width: 45%;
	margin-top: 10%;

}

.item > div {

}

.brd div {
	  border-right: 2px solid rgba(53,114,212,0.25);
	 /* padding-right: 25px;*/
}


/*.containers div:nth-child(3) .txt {
	width: 50%;
}*/

.containers div:nth-child(2):after {
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(53,114,212,0.25);
/*  margin-top: 25px;
  margin-bottom: 25px;*/

}

.containers div:nth-child(4):after {
    content: "";
    width: 100%;
    height: 2px;
    background: rgba(53,114,212,0.25);
}


/*.item:nth-child(1):after {
  content: "";
  width: 1px;
  height: 100px;	
  background: red;

}*/

.containers .item:nth-child(1) {
}

.containers div:nth-child(1):before {


}



.item div span:last-child {
	text-decoration: underline;
}

.titles {
	text-align: center;
}

@media screen and (max-width: 760px) {
	.containers {
		width: 80%;
	}

    h2 {
       
    	width: 100% !important;
    }

   .menu a {
   		font-size: 12px;
    }

    .txt {
	width: 60%;

}

.item > div img{
	 width: 100px;
}

.containers div::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(53,114,212,0.35);
  margin-top: 25px;
  margin-bottom: 25px;
}


}

 .more_btn a {
 	margin-top: 15px;
   display: inline-block;
  color: black;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 1px solid;
  border-radius: 3px;
  transition: 0.3s;
  /*box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 3px black;*/
  box-shadow:  3px 3px 6px 0px black;

  line-height: 30px;
 
 }

 
.more_btn a:hover { 
	background: #5053ab; color: white;   border: 1px solid black;
/*	box-shadow: 0px 0px 0px 0px white, 0px 0px 0px 0px #212246;*/

}
.more_btn a:active {box-shadow: 0px 0px 3px 0px black; }





.blocks {
	margin-top: -25px;
}


.notes p {
	width: 80%;
	font-size: 14px !important;
}




.minimized {
  width: 300px;
  cursor: pointer;
  border: 1px solid #FFF;
}

.minimized:hover {
  border: 1px solid yellow;
}
/* увеличенная картинка */
#magnify {
display: none;
margin: 0;
padding: 0;
position: fixed;
max-width: 800px;
height: auto;
z-index: 9999;
left: 50%;
top: 50%;

}
#magnify img {
  width: 100%;
  height: 550px;
}
/* затемняющий фон */
#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}
/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
#close-popup i {
  width: 30px;
  height: 30px;
  background: url(https://codernote.ru/files/cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}
@keyframes rota {
 25% { transform: rotate(360deg); }
}
#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

table {
	background: #f9ffbae1;
}

td,th {
	background: white;
/*	border-color: #f9ffbae1 !important;*/
}



.notes {
	margin-top: 25px;
	margin-bottom: 25px;
}

h3.content {
	
	text-align: right;

}

.notes li {
	margin-top: 15px;
}


.dopcont ul {
	margin-top: 25px !important;
}


.dopcont ul li {
	margin-top: 11px;
}

figcaption {
    /* line-height: 15px; */
 /*   font-weight: normal;
    font-family: "Open Sans",Arial,sans-serif;
    font-style: normal;
    color: grey;*/

    width: 200px;
    text-align: center;
}

figcaption:hover {
	color: grey;
}

/*
Вибростолы для металлоформ
*/

.qwe {
	 margin-left: 20%;
}

.geo a {
	border-bottom: 1px solid black;
	padding: 3px;
	box-sizing: border-box;

}

.geo a:hover {
	border-bottom: none;

}

.warning {
	color: red;
}

p.boldest {
	font-weight: bold !important;
}

/*.styletable, .paperflex, h1  {
	z-index: 1;
	position: sticky;

}

*/

.blocks + div {
/*	position: sticky;
*/	height: 100%;
	top: 8px;
	padding-bottom: 75px;
}

.valuta {
	width: 25%;
}

.blocks .twq .current {
	font-weight: bold !important;
}

.nav {
	 display: flex;  
	 margin: 0 auto;
	 max-width: 80%;
	 min-width: 1330px;
	 box-sizing: border-box;

}



footer {
	/*background: #212246;*/
	background: #363844;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 13px;
	color: white;
	margin-top: 75px;

}

footer a {
	color: white;
	font-style: normal;
	font-weight: normal;
}

.footer_adress {
	font-size: 14px;
	color: #9a9f9f;
	line-height: 1.625;
}



footer .footer_item p {
	font-style: normal;
	font-weight: normal;

}

footer .adress {
	line-height: 20px;
	font-size: 12px;
}

footer .kontakt a{
	font-weight: bold;
}

footer .kontakt p{
	text-align: center;
}

.footer_flex {
	display: flex;
	justify-content: center;
}

.footer_item {
	margin-left: 45px;
	text-align: center;
}

.footer_item ul li {
	list-style: none;
	margin-top: 15px;
}


.footer_item ul li {
	display: inline-block;
	margin-right: 25px;
}

.footer_item p {
	text-align: center;
	margin-top: 15px;
}

.main_text {
	display: flex;
	margin-top: 15px;
	gap: 15px;
	flex-wrap: wrap
}



.main_text .item_text {
	background: #d5ffce;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: 15px;
    padding: 15px;
    text-align: justify;
    box-shadow: 5px 5px 11px #596453;
   /* position: absolute;*/
    width: 400px;
    margin: 0 auto;

}

.item_text p {
	font-style: normal;
}


.main_text .one {
	position: absolute;
    left: 338px;
    top: 176px;;
}

.main_text .two {
	position: absolute;
    right: 338px;
    top: 176px;;
}


/*#d5ffce*/

  		
/*.info_block {
	 position: fixed;
	 bottom: 100px;
  	 right: 12%;
	 margin: 0 auto;

  	 width: 14%;
}
*/


.item_info_block {
	 color: white;
	 background: rgb(0, 0, 0, .5);
	 padding: 10px;
	 border-radius: 7px;
	 line-height: 21px;
	 margin-bottom: 15px;
	 font-size: 15px;
	 width: 115%;

	 text-align: center;
}


.info_block p {
	 font-style: normal;

}

.info_block a {
	color: #f9ffc2;
	text-decoration: none;
}

.logo_futer_text span {
	margin: 0;
	font-size: 12px;
}

.logo_futer img {
	width: 45px;
	margin-right: 5px;
}

footer .content {
	max-width: none;
}

@media (max-width: 1670px)	 {
	.info_block {
		bottom: 5px;
  	 	right: 8%;
	}


	/*.content {
	    max-width: 970px;
	}

	.brd div {
		border: 0;
	}*/

	.main_text .one {
		position: static;
	}

	.main_text .two {
		position: static;

	}


}

@media (max-width: 1631px)	 {
	.info_block {
		bottom: 0px;
  	 	right: 0%;
	}

	.info_block p {
	 	/*font-size: 13px;*/
	}

	.blocks .twq {
    	margin-right: 30px !important;
	}
	.blocks + div { 
		width: 55% ;
	}

	.blocks + div { 
		width: 80%;
	}
}


@media (max-width: 1480px)	 {
  .item_info_block {
  	width: 95%;
  }
	
}


@media (max-width: 1200px)	 {
	.content {
	    max-width: 970px;
	}

	.brd div {
		border: 0;
	}

	
}

@media (max-width: 992px)	 {
	.content {
	    max-width: 750px;
	}

	.brd div {
		border: 0;
	}
}

@media (max-width: 992px)	 {
	.content {
	    max-width: 750px;
	}
}

@media (max-width: 767px)	 {
	.content {
	    max-width: none;
	}

	.brd div {
		border: 0;
	}
}

	.cell_ img {
	width: 50px;
}


@media (max-width: 655px)	 {
	.logo_futer, .logo_futer_text {
		display: none;
	}

	.item > div img {
    	width: 230px;
		margin-bottom: 25px;

	}

		.containers img {
	     width: auto; 
	     float: none; 
	}

	.txt {
		width: 100%;
	}

	.phone a {
		  background-size: 12px;
		  padding-left: 20px;
	}

	.phone ul li {
	    font-size: 12px;
	}

	.cell_ img {
	    width: 34px !important;
	}

	.logo_text {
    	font-size: 8px !important;
	}

	.phone ul li {
     	padding-right: 0px; 
	}

	.geo {
	  padding-left: 0px;
	}

	.item > div {
	   padding-right: 0px;
	   padding-left: 0px;

	}
	.main_text .item_text {
		text-align: center;
	}

	.footer_flex {
     display: block; 
    text-align: center;
	}

	.footer_item {
		margin-bottom: 25px;
	}

	

}

@media (max-width: 500px) {
	.cell_ img, .logo_text {
		display: none;
	}

	.phone {
    	margin-left: 0px;
	}

	.cell_ {
   		 justify-content: center;
	}

	.phone ul li {
    	padding-right: 19px;
	}

	.menu .mens li {
	    padding-right: 16px;

	}

}


@media (max-width: 600px) {
	.widely {
		width: 1330px;
	}

}

@media (max-width: 440px) {
	.phone ul li {
    	padding-right: 0px;
	}
}


@media (max-width: 1440px) {
	.item > div {
	    padding-right: 5px;
	    padding-left: 0px;
	}

	.containers {
	    justify-content: center;
	}
}


@media (max-width: 1480px) {
	.item_info_block {
		width: 75%;
		margin: 35px auto;
	}
	.blocks + div {
		width: 60%;
	}

	.paperflex {
		width: 700px !important;
	}

	.blocks .twq {
		margin-left: 25px;
		width: 230px;
	}
}


@media (min-width: 1200px) and (max-width: 1350px) {
	.item_info_block {
    	width: 58%;
	}

	.nav {
		width: auto !important;
		max-width: 100%;
		min-width: 100%;
	}

}








.logo_text {
	margin-left: -35px;
    margin-top: -7px;
    font-size: 14px;
    font-family: 'Rubik Moonrocks', cursive;
    font-weight: normal !important;
}

footer {
	position: relative;
}


.towering {
	height: auto !important;
}


.towering_cont div {
	height: auto !important;
}

.nav_menu > ul {
	margin-bottom: 25px;
}

.nav_menu ul{
	margin-left: 50px !important;
	font-size: 15px;
}


.nav_menu  ul {
	list-style-type: disclosure-closed;

}

.nav_menu ul a {
	color: dimgray;
}

.nav_menu ul a:hover {
	color: red !important;
}

.nav_menu {
	width: 850px;
	margin: 0 auto;
}