* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  #font-family: 'Times', 'Gravitas One','Arial Black', serif;
}

body, html {
  padding: 3px 3px 3px 3px;

  background-color: #ffffff;

  #font-family: Verdana, sans-serif;
  #font-size: 11pt;
  text-align: center;
  border-color: #336699;
}

#ymaps1587670555229268601{
  
}

html body div.main_div div.main_page div.services > ymaps{
  margin-left: auto;
  margin-right: auto;
}



div.car_div{
  #background-image: url(/car.png);
}
div.mebel_div{
  #background-image: url(/box.png);
}

 div.meshok_up_div{  
  #background-image: url(/meshok_up.png);
}

div.meshok_out_div{  
  #background-image: url(/meshok_out.png);
}
div.boxing_div{  
  #background-image: url(/boxing.png);
}
div.razn_div{  
  #background-image: url(/razn.png);
}

.title_image{
  #object-fit: fill;
  #display: block;
  #width: 100vw;
  #height: 100%; 
  #width: 100%; 
  max-width: 100px;
}

.strong{
   font-weight: bold;
}

div.bimg{
  max-width:257px;
  max-height:127px;
  #background-image: url(/t4.png);
  #background-repeat: no-repeat;
  display:inline-block;
  #background-position: center;
  #text-align:center;
  #background-size: contain;
  margin-top: 15px;
}

div.header {
  position:relative;
  #background-image: url(/t4.png);
  #background-repeat: no-repeat;
  ##background-size: 100% 100%;
  width: 1280px;
  #height: 170px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  background-position: center;
  background-color: #336699;
  padding-bottom:10px;
  
}
div.contact_holder{
  float: left;
  vertical-align: top;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  #border:solid;
  padding: 5px;
  border-width: 1px;
  #width: 250px;
  text-align: left;
  #height: 32px;
}
div.city{
  display: block;
}
div.street{
  display block;
}
div.phone{
  #font-size: 22px;
}
div.info{
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
}

h1{
  #font-size: 25px;
  #margin-top: 20px;
  margin-bottom: 20px;
}

.pa5{
padding: 5px;

}

h2{
  #font-size: 20px;
}

h1.title{
  #width: 300px;
  display:inline;
  margin-left:auto;
  margin-right:auto;
}
div.tarif{
display: block;
}

p.info_description{
  margin-left:10px;
}
.contact_container{
   display: block;
  text-align: center;
  width: 100%;  
}
div.contact_info{
  margin-left:5px;
  margin-right:5px;
  display: inline-block;
  position: relative;
  padding:7px;
  #position:absolute;
  #left:15px;
  #top: 15px;
  #width: 85%;
  text-align: center;
color:#ffffff;
  #background-color: #e0cf00;
  #border-width:1px;
  #border-color:#000000;
  #border-style: solid;
  #display: table;
}
div.services{
#	 display: table;
position: relative;
}
.tel{
  font-size: 18px;
  margin-left: 5px;
  margin: 10px;
}
div.main_page {
  position: relative;
  border-color: #336699;
  #font-size: 14pt;
  position: relative;
  #display: table;

  width: 1280px;
  #padding-top: 10px;
  ##padding-left: 20px;
  ##padding-right: 20px;
  #margin-top: 0px;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  ##padding: 5px 5px 5px 5px;

  border-width: 1px;
  #border-color: #212738;
  border-style: solid;

  #background-color: #dbebec;
  #background-color: #b3b8dc;

  #text-align: center;
}

h2.service_desc{
  font-size: 14px;
  line-height: 14px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 5px;
}

  
div.title{
  #padding-top:10px;
  #padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  #background-color: #afd8ff;
  #width: 300px;
  display: block;
  text-align:center;
}
div.price{
   bottom: 4px;
   position: absolute;
   text-align:center;
   width:100%;
   font-size: 17px;
}
.offer_price{
    font-size: 17px;
}

span.price{
  display: block;
  ##position: absolute;
  bottom: 3px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}
div.service{
  border-color: #336699;
margin-bottom:2px;
  padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
  #width:170px;
  #height:20px;
  #float: left;
  display: block;
  vertical-align: center;
  margin-left: 45px;
  margin-right: 45px;
  #margin-top: 30px;
  #margin-bottom: 30px;
  #position: relative;
  #background-color: #afd8ff;
text-align: left;
  border-width:1px;
  #border-color:#000000;
  border-style: solid;
}
div.item2{
  float: left;
  width:100px;
  height:100px;
}
 
 .clear {
clear:both;
 }

.c1{
  float: right;
  position: relative;
  left: -49.5%;
  #background-color: #110000; 
  
}
.c2{
  position: relative;
  left: 50%;
  #background-color: #ff000c;
  display: table;
  border-spacing:10px;
}

.tservices{
width:100%; 
margin-left: auto; 
margin-right: auto;
}

.c3{
  color: white;
  background-color: #336699;
  padding: 7px;
  width: 50px;
  height: 20px;
   border-radius: 30px;
   vertical-align: middle;
   text-align: center;
   line-height: 20px;
   font-weight: bold;
}
  
  div.inline{
  display: inline-block;
}
.w100{
width:100%;
}

.p15{
   #padding: 15px;
}

.p20{
  padding-top: 20px;
padding-bottom: 20px;
}
.color1{
#background-color: LightYellow  ;
}

.color2{
#background-color: RoyalBlue;
}

.color3{
#background-color: AliceBlue ;
}

 .color4{
#background-color: Snow ;
}

 .vmid{
vertical-align: middle;
}

.child{
  vertical-align: middle;
   #display: inline-block;
   #background-color: #000088;
   #float: left;
   #margin: 10px; 
   text-align: center;
   backgroundcolor: #008800;
   #display: inline-block;
   display: table-cell;
}  
.dta{
  display: table;
}
div.callback{
  #float: left;
}
.green{
  color:green;
  font-size: 28px;
}
div.call{
  #margin-left: 30px;
  #float: right;
  vertical-align: middle;
}

div.phone_main{
  margin-left:auto;
  margin-right:auto;
  width:30px;
  height:30px;
  background-image: url(../img/phone.png);
  background-repeat: no-repeat;
  background-size: 100%;
  #display:block;
  background-position: center;
}

.max100{
max-height: 100%;
max-width: 100%;
}

div.icon{
  margin-left:auto;
  margin-right:auto;
  width: 100px;
  height: 100px;
  
  background-repeat: no-repeat;
  background-size: 100%;
  display:block;
  background-position: center;
}

.rel{
  position: relative;
}

.card{
  background-image: url(../img/card.png);
}

.cash{
  background-image: url(../img/cash.png);
}


div.tel_phone_main{
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;
}
.h100{
  height: 100%;
}
div.tel{
  ##width: 342px;
  ##height:43px;
  position:relative;
  ##right:0;
  ##bottom:0;
  margin-top:4px;
  margin-right:15px;
  ##margin-right:15px;
  ##margin-bottom:15px;
  ##top:150px;
  ##left: 650px;
  color: #000000;
  font-size: 30px;
  float: right;
}
h2{
 #margin-top:15px;
 margin-bottom:15px;
}
##span{
##  font-size: 20px;
##}

div.footer {
  position:relative;
  width: 1280px;
  #height: 33px;
  margin-left: auto;
  margin-right: auto;
  background-color:#336699;
}


.block{
  display:block;
}


div.menu_item a{
  padding:2px;
  padding-left: 4px;
  padding-right: 4px;
  display:block;
}



div.menu {
  #position:relative;
  
  display: block;
  width: 1280px;
  #height: 35px;
padding-top: 5px;
padding-bottom: 5px;
#padding-left: 7px;
#padding-right: 7px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  background-color:#336699;
  #vertical-align: middle;
}

div.menu_item{
  display: inline-block;
  #float: left;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left:6px; 
  margin-right:6px;
  color: #000000;
  background-color: #ffffff;
  #padding: 2px;
#padding-left:4px;
#padding-right:4px;
  border-radius: 3px;
  min-width: 70px;
}

div{
border-radius: 6px;
}

div.main_div {
  width:100%;
  position: relative;
}

.services > ul{
position: relative;
}

h2 {
 ##display: table-cell;
 ##vertical-align: middle;
}
div.about_us{
  text-align: justify;
  padding: 15px;  
}
div.advices{
  text-align: justify;
  padding: 15px;  
}





a.ablack{
  text-decoration: none;
}
a.ablack:link {
    color: black;
}
a.ablack:visited {
  color: black;
}

a.ablack:hover {
  color: black;
}

a.ablack:active {
  color: black;
}

 a.awhite{
  text-decoration: none;
}
a.awhite:link {
    color: white;
}
a.awhite:visited {
  color: white;
}

a.awhite:hover {
  color: white;
}

a.awhite:active {
  color: white;
}



p.services_description {
  text-align: justify;
  margin-left: 45px;
  margin-right: 45px;
  text-indent: 15px;
}

.no-wrap{
  white-space: nowrap;
}
.m30{
  margin-left: 15px;
  margin-right: 15px;
}

#headmenu {
  text-align: center;
  display: block;
  #float: none;
  height: auto;
  width: 100%;
  min-width: auto;
  margin: auto;
  #line-height: 1.5;
  overflow: hidden;
  #position: absolute;
  #bottom: 7px;
  #line-height: 1.5;
}

#headmenu li {
  background-color: white;
  #float: left;
  display: inline-block;
  #height: 16px;
  #border: 1px solid #24b24d;
  text-align: center;
  border-radius: 4px;
  margin: 5px;
  margin-top: 3px;
  #padding: 4px 0px;
  #width: 15%;
  #line-height: 1;
  min-width: 100px;
  #padding: 2px;
  #padding-left: 4px;
  #padding-right: 4px;
}


#headmenu li a {
  float: none;
  padding: 0px;
  #font-size: 14px;
  #height: 26px;
  text-decoration: none;
  word-break: break-all;
  padding: 5px;
  padding-left: 6px;
  padding-right: 6px;
  display: block;
}

.liservice{
position: relative;
display: inline-block;
#width:170px;
 #height:170px;
width: 29%;
margin: 1%;
min-width: 170px;
#min-height: 170px;
#height: auto;
#background-color: bisque;
  #background-color: floralwhite;
#background-color: ghostwhite;
    #background-color: ivory;
  background-color: lavender;

  border-width:1px;
  border-color:#000000;
  border: solid 1px;

  #margin-left: 42px;
  #margin-right: 42px;
  #margin-top: 30px;
  #margin-bottom: 30px;
#margin-left: auto;
#margin-right: auto;
 #margin: 10px;
 #padding-bottom: 30%;
 border-radius: 5px;
}

div.lidiv{
position: absolute;
width:100%;
height:100%;
#min-height: 170px;
}

div.lidiv1{
position: relative;
width:100%;
padding-bottom: 100%;
}

div.services > a{
  display: block;
width: 100%;
height: 100%;
}

.h30{
position: relative;
display: table;
height: 30%;
width: 100%;
#vertical-align: middle;
#text-align: center;
  font-size: 14px;
 # line-height: 20px;
 #background-color: cadetblue;
 border-radius: initial;
}

.h70{
position: relative;
display: block;
height: 70%;
width: 100%;
vertical-align: middle;
text-align: center;
  font-size: 14px;
  line-height: 14px;
}

h2.service_desc1{
display: table-cell;
#height: 30%;
width: 100%;
vertical-align: middle;
#text-align: center;
  #font-size: 14px;
  #line-height: 14px;
#font-size: 2vw;
}




div.item_image{
 position: relative;
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right: auto;
  #background-size: contain;
  #background-size: cover;
 #display: table-cell;
  vertical-align: middle;
text-align: center;
  margin-left:auto;
  margin-right: auto;
  #background-size: contain;
  #background-size: cover;
#height:100%;
#width:95px;
 # height:95px;
 #display: block;
 #padding-left: 10px;
 #padding-right: 10px;
 #padding: 15px;

}


 img.service_image{
  max-width: 95%;
  max-height: 95%;
#height: 100%;
#width: auto;
#object-fit: cover;
position: absolute;               
top: 50%;  
left: 50%;   
transform: translate(-50%, -50%);
}

.service_list{
  display: block;
  #margin-top: 20px;
  #margin-bottom: : 20px;
  margin-left: 50px;
  margin-right: 20px;
  text-align: left;
  list-style: square;
  list-style-position: inside;
}

details{
  text-align: justify;
margin-left: 50px;
margin-right: 20px;
}

h3{
  margin-top: 15px;
  margin-bottom: 15px;
}

.center{
position: absolute;               
top: 50%;  
left: 50%;   
transform: translate(-50%, -50%);
}

.uls{
  #text-align: justify;
display: block;
font-size: 0px;
position: relative;
}

th{
word-break:break-all;
}
td{
word-wrap:break-word;
}
table { 
table-layout:fixed;
border-collapse: collapse;
width:70%;
margin-left: auto;
margin-right: auto;
}

.divOfferCatalog{
display: table;
width: 100%;
 overflow-wrap: normal;  /* не поддерживает IE, Firefox; является копией word-wrap */ 
word-wrap: normal;
word-break: normal;  /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */ 
line-break: auto;  /* нет поддержки для русского языка */ 
-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}
.divth{
display: block;
width: 100%;
background-color: lavender;
}

.spoffer{
    margin-top: 15px;
  display: block;
  margin-bottom: 15px;
  color: #691515;
  font-weight: bold;
}

.offer{
display: block;
width: 100%;

}

.name{
width: 70%;
#min-width: 300px;
#height: 30px;
border: solid;
}
.price{
border: solid;
width:30%;
#min-width: 100px;
text-align: center;
}

.serviceCatalog{
text-align: center;	
}
.offerCatalog{
width: 90%;
display: inline-block;
font-size: 25px;
}

span.title{
font-size:25px;
}

.offerService{
padding: 10px;
display: table-cell;
width: 1000px;
text-align: left;
border:solid 1px;
margin-left: -1px;
margin-top: -1px;
  border-radius: 0px;
#display: block;
#width: 100%;
}

.spanOfferName{
margin-left: 25%;
}
.offerName{

}
.spanOfferPrice{
vertical-align: middle;
}

.offerPrice{
#padding: 60px;
display: table-cell;
width: 28%;
text-align:left;
border:solid 1px;
margin-left: -1px;
margin-top: -1px;
height: 100%;
border-radius: 0px;
vertical-align: middle;
text-align: center;
}

.offerHeadName{
display: table-cell;
width: 1000px;
    border: solid 1px;
  border-radius: 0px
}

.liOfferCatalog{
    margin-bottom: 30px;
}

.offerHeadPrice{
display: table-cell;
width: 28%;
text-align:center;
    border: solid 1px;
  border-radius: 0px
}

.inputbutton{
  background-color: limegreen;
  border-radius: 6px;
  padding: 15px;
  font-size: 25px;
}

.liservice:hover {
  box-shadow: 0 0 25px 5px rgba(0,0,0,0.5);
  background-color: cornsilk;
}

input.inputbutton:hover {
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.5);
}

li.menu_item:hover {
  box-shadow: 0 0 10px 3px white;
}

li.liservice > a {
display: block;

padding-bottom: 100%;
}

.p_bottom_100{
display: block;

padding-bottom: 100%;

}

.li_abs{
position: absolute;

width: 100%;

height: 100%;
}

.service_class{

}

.list_name{
text-align: left;
padding-left: 50px;
font-size: 16pt;
font-weight: bold;
margin: 10px;
}

.p_style{
padding: 20px;
text-align: left;
text-indent: 2em;
}



@media (max-width: 1280px) {
  div.header {
    width: 100%;
  }
  div.main_page {
    width: 100%;
  }
  div.footer {
    width: 100%;
  }
  div.menu {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .spanOfferName{
margin-left: 0px;
}
  div.header {
    width: 100%;
  }
  div.main_page {
    width: 100%;
  }
  div.footer {
    width: 100%;
  }
  div.menu {
    width: 100%;
  }
}

@media (max-width: 570px) {
   .spanOfferName{
margin-left: 0px;
}
  
.liservice{
width: 42%;
margin: 3%;
}

  div.header {
    width: 100%;
  }
  div.main_page {
    width: 100%;
  }
  div.footer {
    width: 100%;
  }
  div.menu {
    width: 100%;
  }
}

@media (max-width: 380px) {
   .spanOfferName{
margin-left: 0px;
}
.liservice{
width: 80%;
margin: 5%;
}

 p.services_description {
  text-align: justify;
  margin-left: 10px;
  margin-right: 10px; 
}
 
#  	 div.service{
#	    margin-left: 25px;
#	    margin-right: 5px;
#   }
   div.title{
     width: 225px;
   }
  div.header {
    width: 100%;
  }
  div.main_page {
    width: 100%;
  }
  div.footer {
    width: 100%;
  }
  div.menu {
    width: 100%;
  }
}