@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body {
margin: 0;
padding: 0;
background: #f6f6f7;
}
p{
margin-top: 0;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 22px;
color: #000;
}
p1{
font-family: 'Nunito', sans-serif;
font-size: 12px;
color: #000;
}
.name{
margin-bottom: 10px;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 16px;
color: #000;
}
.na{
float: right;
font-family: 'Nunito', sans-serif;
font-size: 14px;
color: #000;
}
p2{
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #000;
}
p3{
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #000;
}
.cap {
position: relative;
z-index: 999;
max-width: 100%;
height: 100px;
margin: 0 auto;
padding: 0;
background: #edeef1;
box-shadow: 0 0 7px rgba(0,0,0,0.2);
}
.row {
padding: 0 15px;
max-width: 1000px;
display: flex;
flex-direction: row;
margin: 0 auto;
}
.row1 {
padding: 0 5px;
max-width: 1000px;
display: flex;
flex-direction: row;
margin: 0 auto;
}
.rwo {
height: 300px;
max-width: 1000px;
padding: 0 15px;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.row-feedback {
width: 100%;
height: 200px;
margin: 15px auto;
background: #d0f1ce;
}
.logo-box {
width: 170px;
height: 50px;
padding: 26px 20px 0 40px;
float: left;
display: flex;
flex-direction: row;
}
.logo {
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-weight: 700;
font-size: 34px;
color: #fc8e00;
text-transform: uppercase;
}
h1{
font-weight: normal;
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-size: 18px;
color: #000;
}
.sity {
width: 170px;
float: left;
display: flex;
flex-direction: row;
line-height: 1.5;
padding: 26px;
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #000;
}
.phone {
width: 195px;
float: left;
padding: 26px 10px;
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #000;
}
.vk {
width: 27px;
height: 27px;
float: left;
padding: 35px 25px;
}
.left-menu {
  position: relative;
z-index: 99;
display: flex;
flex-direction: column;
width: 270px;
height: 270px;
}
.slider-box {
width: 730px;
height: 273px;
}
.text-menu {
box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
text-decoration: none;
padding: 9px 10px 8px 25px;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 16px;
color: #000;
background: #edeef1;
}
.text-menu:hover {
background: #fc8e00;
border-radius: 5px;
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.015);
  -moz-transform: scale(1.015);
  transform: scale(1.015);
}
.center-menu {
  position: relative;
z-index: 999;
display: flex;
flex-direction: row;
justify-content: flex-end;
width: 1000px;
height: 80px;
}
.text-center-menu {
border-radius: 5px;
width: 14%;
height: 100px;
margin: 0 0 0 8px;
text-align: center;
padding: 10px 0;
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 16px;
color: #000;
background: #edeef1;
}
.text-center-menu:hover {
background: #fc8e00;
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
}
.text {
    height: 20px;
  width: 200px;
padding: 0 15px;
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 18px;
color: #000;
}
.t {
margin-top: 42px;
}
.h {
margin-top: 60px;
}
.tt {
margin-top: 20px;
}
.m{
font-size: 16px;
}
.right{
justify-content: flex-end;
}
.column {
width: 19%;
display: flex;
flex-direction: column;
margin: 0.5%;
}
.column1 {
width: 38.5%;
display: flex;
flex-direction: column;
margin: 0.5%;
}
.mini-square {
  cursor: pointer;
padding: 20px 20px;
background: #fff url("img/min1.jpg") no-repeat top left;
border-radius: 5px;
width: 150px;
height: 151px;
margin: 5px;
background-size: cover;
}
.mini-square:hover {
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}
.we{
background: #fff url("img/min2.jpg") no-repeat top left !important;
}
.wr{
background: #fff url("img/min3.jpg") no-repeat top left !important;
}
.wt{
background: #fff url("img/min4.jpg") no-repeat top left !important;
}
.wy{
background: #fff url("img/min5.jpg") no-repeat top left !important;
}
.wu{
background: #fff url("img/min6.jpg") no-repeat top left !important;
}
.big-square {
  cursor: pointer;
border-radius: 5px;
background: #fff url("img/biq.jpg") no-repeat top left;
width: 100%;
height: 392px;
margin: 5px;
background-size: cover;
}
.big-square:hover {
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.015);
  -moz-transform: scale(1.015);
  transform: scale(1.015);
}
.text-square {
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-size: 19px;
color: #000;
}
.text-square:hover {
color: #fff;
}
.feedback-box {
display: flex;
flex-direction: column;
padding: 20px 20px;
background: #d0f1ce;
border-radius: 5px;
width: 700px;
height: auto;
margin: 5px;
}
.feedback-box:hover {
 -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  transform: translateY(-4px);
}
.client {
width: 100%;
height: 45px;
margin: 10px auto 15px;
}
.footer {
width: 100%;
height: 200px;
margin: 15px auto 0;
background: #3e3e3e;
}
.footer-box1 {
padding: 26px;
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #fff;
}
.footer-menu {
padding: 21px;
column-count: 2;
}
.text-footer-menu {
padding: 5px;
display: block;
text-decoration: none;
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #fff;
}
.text-footer-menu:hover {
color: #fc8e00;
}
.left-m {
display: flex;
flex-direction: column;
width: 200px;
height: 100%;
}
.content {
width: 800px;
height: 100%;
}
.con-breadcrumb{
display: inline;
width: 800px;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #7d7d7d;
  content: "\bb\00a0";
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #7d7d7d;
  content: "\bb\00a0";
}
.breadcrumb{
list-style-type: none;
display: flex;
flex-direction: row;
}
.breadcrumb-text{
font-family: 'Nunito', sans-serif;
font-size: 14px;
color: #7d7d7d;
text-decoration: underline;
}
.breadcrumb-text:hover{
text-decoration: none;
}
.bre{
color: #f6f6f7;
text-decoration: none;
}
.cont{
display: flex;
flex-direction: column;
padding: 26px 26px;
width: 748px;
height: auto;
}
.abo{
line-height: 1.7;
}
.bi{
font-family: 'Nunito', sans-serif;
font-size: 20px;
color: #000;
}
.color{
color: #fc8e00;
}
.about {
text-decoration: none;
line-height: 2.4;
font-family: 'Nunito', sans-serif;
font-size: 16px;
color: #000;
}
.product-box {
display: flex;
flex-direction: row;
}

.v {
background: #fff url("img/v.jpg") no-repeat top left !important;
}
.pe {
background: #fff url("img/pe.jpg") no-repeat top left !important;
}
.g{
background: #fff url("img/1e.jpg") no-repeat top left !important;
}
.g1{
background: #fff url("img/2e.jpg") no-repeat top left !important;
}
.o{
background: #fff url("img/o.jpg") no-repeat top left !important;
}
.o1{
background: #fff url("img/1o.jpg") no-repeat top left !important;
}
.r{
background: #fff url("img/r.jpg") no-repeat top left !important;
}
.r1{
background: #fff url("img/1r.jpg") no-repeat top left !important;
}
.sh{
background: #fff url("img/sh.jpg") no-repeat top left !important;
width: 354px !important;
}
.rol{
background: #fff url("img/rol.jpg") no-repeat top left !important;
}
.rol1{
background: #fff url("img/1rol.jpg") no-repeat top left !important;
}
.mul{
background: #fff url("img/1mul.jpg") no-repeat top left !important;
width: 229px !important;
}
.rul{
background: #fff url("img/rul.jpg") no-repeat top left !important;
}
.rul1{
background: #fff url("img/1rul.jpg") no-repeat top left !important;
}
.rul2{
background: #fff url("img/2rul.jpg") no-repeat top left !important;
}
.rul3{
background: #fff url("img/3rul.jpg") no-repeat top left !important;
width: 229px !important;
}
.rul4{
background: #fff url("img/4rul.jpg") no-repeat top left !important;
width: 229px !important;
}
.product {
box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
border-radius: 5px;
width: 748px;
margin: 0 10px;
height: 300px;
background: #fff url("img/g.jpg") no-repeat top left;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.product:before {
display: block;
background-color: #000;
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.product:after {
font-family: 'Nunito', sans-serif;
color: white;
content: attr(alt);
display: block;
font-size: 15px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.product:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.product:hover:before {
opacity: 0.6;
}
.product:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.text-product {
width: 748px;
margin: 0 10px;
padding: 5px 5px 30px;
}
.text-pro {
width: 219px;
margin: 0 10px;
padding: 5px 5px 30px;
}
.opi{
font-family: 'Nunito', sans-serif;
font-size: 17px;
color: #000;
}
.op{
font-family: 'Nunito', sans-serif;
font-size: 19px;
color: #fc0202;
}
.ert{
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  color: #000;
}
.wer {
  margin: 15px 0 26px 0;
}
.tre{
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #000;
  width: 25%;
}
.tre:hover{
 -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}