/*
Theme Name: Мусоровоз
Author: HiSEO
Author URI: https://hiseo.ru/
Version: 0.1
*/

:root {
  --gray_hover_tags: #605f5f;
  --gray_second: #404040;
  --gray: #727B90;
  --dark-gray: #2E4355;
  --light-gray: #B0B0B0;
  --border-gray: #e7e9ef;
  --orange: #E4AF6B;
  --brown: #C96000;
  --bronze: #AF7A36;
  --red: #E20613;
  --green: #7AD364;
  --black: #141414;
  --brown-black: #332826;

  --padding: 15px;
  --large-padding: 40px;
  --n-padding: -15px;
  --n-large-padding: -40px;
}

*{box-sizing: border-box;}
body{
	font-size: 14px;
	margin: 0;
	font-family: Roboto, sans-serif;
    background: #fff;
    color: #363636;
}
body.noscroll{overflow: hidden;}
h1, h2, h3, h4, h5, h6{
    margin: 0;
}
a{text-decoration: none; color: initial}
p{margin-top: 0;}
p, pre{
	line-height: 1.5em;
}
img{max-width: 100%;}
ul{margin: 0; padding: 0;}
ol{padding-left: 20px;}
ul li{list-style: none;}
button, video, input[type=submit]{outline: 0;}
table{border: 0; border-spacing: 0;}
hr{border-style: solid;}

.hidden{display: none !important;}
.height_auto{max-height: none;}
.center{text-align: center;}

#wpadminbar{position: relative;}
html:not(._){margin: 0!important;}

@media screen and (max-width: 999px){
    .desktop_only{display: none!important;}
}
@media screen and (min-width: 1000px){
    .desktop_hidden{display: none!important;}
}
@media screen and (max-width: 550px){
    .mobile_hidden{display: none!important;}
}
@media screen and (min-width: 551px){
    .mobile_only{display: none!important;}
}



.welcome{
    display: grid;
    align-items: center;
    min-height: 100vh;
    background-color: #d2c6e0;
}
.welcome .container{
    max-width: 400px;
    margin: 0 auto;
}
.welcome .header_img{
    margin-bottom: 10px;
    border-radius: 10px;
    width: 100%;
    box-shadow: 1px 2px 2px #3333332e;
}
.welcome .box{
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 2px 2px #3333332e;
    padding: 15px;
}
.welcome h1{
    font-size: 1.2em;
    margin-bottom: 13px;
}
.welcome h2{
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 8px;
}
.welcome .btns{
    display: flex;
    align-items: center;
    gap: 8px;
}
.welcome svg.max{
    width: 30px;
}
.welcome svg.tel{
    fill: #0088CC;
    width: 34px;
}
.welcome .footer{
    color: #918a9b;
    margin: 8px 0 0;
    padding: 0 10px;
    text-align: center;
    font-size: 0.8em;
}