@font-face{font-family: "mbl";src: url("/mbl.ttf") format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: "mth";src: url("/mth.ttf") format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: "mlg";src: url("/mlg.ttf") format("truetype");font-style: normal;font-weight: normal;}
@font-face{font-family: "mrg";src: url("/mrg.ttf") format("truetype");font-style: normal;font-weight: normal;}


*{margin:0;padding:0;font-family:'mrg';}
            
body{background-color:#fff;}

h1,h2{font-family: 'mbl';text-transform: uppercase;}

.centrer{width:1000px;margin:0 auto;}

.but{cursor:pointer;text-decoration: none;background-color:#0080D2;color:white;padding:10px 20px;border-radius:10px;}
    .but:hover{background-color:#00a0e2;}
.butw{cursor:pointer;text-decoration: none;background-color:#fff;color:#444;padding:10px 20px;border-radius:20px;display:block;margin:20px auto;text-align:center;width:30%;}
    .butw:hover{background-color:#eee;}
.hc{height:0;}

.header{margin-bottom:10px;background-color:#444;color:white;}
.header .centrer{display:flex;justify-content: space-between;align-items:center;padding:20px 0;}
.phone{display:flex;justify-content: space-around;align-items:center;}
.phone a:nth-child(1){text-decoration: none;font-size:24px;color:#fff;font-weight:bold;}
.phone .but{display:none;padding:2px 5px;}

.header.minfixed{position:fixed;z-index:999;width:100%;}
.header.minfixed .centrer{padding:5px 0;}

.desc{width:25%;}
.phone{width:25%;text-align:right;}

.logo{flex-grow:1;text-align:center;width:50%;}
.logo img{width:250px;}

.logo a{color:#444;text-decoration:none;}

.block{padding:20px 0;}
.block .tiles{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.block h1{text-transform: uppercase;padding-bottom:40px;color:#0080d2;text-align:left;font-size:32px;}
.block>.centrer>h2{text-transform: uppercase;padding-bottom:30px;color:#444;font-size:24px;}
.block>.centrer>p{font-size:18px;padding-bottom:30px;color:#777;}
.block>.centrer>ul{margin-bottom:30px;border-left:10px solid #eee;}
    .block>.centrer>ul>li{margin-left:40px;color:#888;padding:6px;}

.block .images{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
    .block .images>div{width:32%;display:block;border-radius:15px;height:200px;overflow:hidden;}
        .block .images>div>img{width:100%;height:100%;object-fit: cover;}

.block>.centrer>ul.bs{display:flex;border-left:none;margin:0 0 40px 0;justify-content: space-between;gap:20px;}
.block>.centrer>ul.bs>li{font-size:22px;display:block;box-shadow:0 0 10px #ddd;width:32%;margin:0;border-radius:10px;padding:20px;box-sizing:border-box;text-align:left;}
.block>.centrer>ul.bs>li>b{font-family:'mbl';font-size:20px;margin-right:10px;display:inline-block;background-color:#0080d2;color:white;border-radius:50%;width:30px;height:30px;box-sizing:border-box;text-align:center;line-height:30px;}


.tile{position:relative;cursor:pointer;width:32%;border-radius:10px;padding:10px 10px 100px 10px;box-sizing:border-box;background:linear-gradient(to top right,#0F1DB4,#3089FF);color:white;} 
    .tile:hover{background:linear-gradient(to top right,#0F1DB4,#3089FF,#3089FF);}
.tile>h2{text-align:center;padding:20px;font-size:24px;text-transform: uppercase;height:100px;}
.tile>img{width:40%;display: block;margin:0 auto;padding:10px;padding-bottom:20px;}
.tile>p{display:block;text-align:center;height:55px;}
.tile a{bottom:10px;left:10px;right:10px;position:absolute;}

.price_tile{width:32%;background:linear-gradient(to top right,#333,#666);border-radius:30px;padding:30px;box-sizing:border-box;}
    .price_tile .hdr{font-size:20px;font-family:'mbl';text-transform: uppercase;color:#fff;height:80px;text-align:center;padding-bottom:20px;}
    .price_tile .price{font-size:30px;color:#ffa700;text-align:center;padding-bottom:20px;font-family:'mbl';}

.tile .price{text-align:center;margin:20px 0;font-size:30px;font-family: 'mbl';color:#fff;}
.tile .price span{font-size:16px;display:block;}

.sblock{margin:30px 0 50px 0;display:flex;align-items:center;gap:20px;background-color:#0080D2;border-radius:15px;padding:20px;}
    .sblock>img{height:100px;}
    .sblock>p{font-size:40px;font-family:'mbl';color:#fff;}

.footer{background-color:#445;color:white;padding:20px 0;}
    .footer .centrer{text-align:center;}

.but_up{cursor:pointer;position:fixed;text-align:center;font-size:40px;line-height:46px;color:white;left:10px;bottom:10px;width:50px;height:50px;background-color:#0080d2;border-radius:50%;display:none;}
.but_up:hover{background-color:#00a0f2;}

@media screen and (max-width:656px){
    .centrer{width:auto;}
    .block .tiles{justify-content: center;}

    .header .centrer{flex-wrap:wrap;}
    .header .centrer>div{width:100%;text-align:center;padding-bottom:10px;}

    .header.minfixed .logo{display:none;}
    .header.minfixed .desc{display:none;}

    .phone .but{display:inline-block;}

    .tile{width:auto;margin:10px;}

    .logo{order:-1;}
    .logo img{width:90%;}

    .desc{order:3;}

    .block h1{font-size:24px;text-align:center;}
    .block .centrer h2{font-size:20px;text-align:center;}
    .block p{padding:10px;}
    .block>.centrer>ul{margin-left:20px;}
        .block>.centrer>ul>li{margin-left:30px;}

    .block>.centrer>ul.bs{display:block;}
    .block>.centrer>ul.bs>li{font-size:22px;width:auto;margin:10px;}
    .block>.centrer>ul.bs>li>b{font-family:'mbl';font-size:20px;margin-right:10px;display:inline-block;background-color:#0080d2;color:white;border-radius:50%;width:30px;height:30px;box-sizing:border-box;text-align:center;line-height:30px;}
        
    .sblock{flex-wrap:wrap;}
        .sblock .butw{width:80%;}

    .price_tile{width:90%;margin:10px;}

    .sblock{margin:10px 10px 40px 10px;display:flex;}
        .sblock>p{font-size:24px;}

    .block .images{display:block;}
        .block .images>div{width:90%;margin:20px auto;}
    
}