body { 
background: url('/images/bgfon.jpg');
background-size: cover;
}
.wrap { 
position: absolute;
padding: 0;
top:0; 
bottom: 0;
left: 0;
right: 0;
}
.ad_box { 
width: 60%;
margin: 0 auto;
margin-top: 5%;
color: white;
background: rgba(0, 0, 0, 0.6);
padding: 2%;
border-radius: 5px;
}
.ad_box_header { 
text-align: center;
}
.ad_box_header label { 
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 42px;
font-weight: 600;
color: #ffd845;
}
.ad_box_header b { 
font-size: 28px;
display: block;
margin-top: -2%;
font-family: 'Open Sans', sans-serif;
}
.ad_box_header text { 
font-weight: 600;
color: #3db554;
}
.ad_box_header span { 
display: block;
margin-top: 2%;
font-family: 'Roboto', sans-serif;
font-size: 23px;
}
.ad_box_buttons { 
text-align: center;
}
.ad_box_buttons label { 
display: block;
font-size: 28px;
font-family: 'Open Sans', sans-serif;
}
.ad_box_buttons button { 
margin-top: 1%;
padding: 3%;
border-radius: 5px;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: white;
cursor: pointer;
}
.ad_box_buttons button:hover { 
opacity: 0.9;
}
.ad_box_buttons button img { 
width: 80px;
height: 80px;
}
.ad_box_buttons span { 
font-size: 24px;
}
#phone_button { 
background-color: #fc4949;
}
#wa_button { 
background-color: #50ca5d;
}
.ad_box_info { 
width: 60%;
margin: 0 auto;
padding-top: 2%;
}
.ad_box_info_box_item { 
text-align: center;
margin-bottom: 2%;
}
.ad_box_info_box_item img { 
width: 25%;
}
.ad_box_info_box_item label { 
display: block;
margin-top: 2%;
font-family: 'Open Sans', sans-serif;
}
#counter { 
display: none;
}
@media screen and (min-width: 320px) and (max-width: 780px) { 
body { 
background: url('/images/bgfon_mob.jpg');
background-size: 150%;
}
.ad_box { 
width: 95%;
margin-top: 2%;
margin-bottom: -3%;
}
.ad_box_header { 
margin-top: 6.5%;
text-align: center;
}
.ad_box_header label { 
font-size: 200%;
}
.ad_box_header label img { 
width: 50%;
margin: 0 auto;
display: block;
text-align: center;
}
.ad_box_header b { 
font-size: 120%;
}
.ad_box_header span { 
font-size: 120%;
}
.ad_box_info { 
margin-top: 3%;
width: 90%;
}
.ad_box_info_box_item img { 
width: 55%;
}
.ad_box_info_box_item label { 
font-size: 90%;
}
.ad_box_buttons_box { 
margin: 0 auto;
}
.ad_box_buttons { 
margin-top: -4%;
padding: 2%;
text-align: center;
}
.ad_box_buttons label { 
padding-top: 3%;
margin-bottom: -1.5%;
}
.ad_box_buttons button { 
width: 100%;
padding: 3%;
margin-top: 4%;
}
.ad_box_buttons button img { 
width: 50px;
height: 50px;
}
.ad_box_buttons span { 
font-size: 100%;
}
}