h1 {
    font-weight: bold;
    font-size: 30px;
}

.cont_block {display: flex;flex-wrap: wrap;position: fixed;bottom: 20px;right: 28px;width: 40px;justify-content: space-around;}

.cont_block a {flex: 1 0 100%;background-color: #00336eed;padding: 10px;margin: 5px;border-radius: 10px;box-shadow: 1px 1px 5px #0000004f;text-align: center;}

.cont_block a img {width: 28px;/* filter: brightness(10); */}

body {margin: 0;padding: 0;font-size: 15px;font-family: 'Roboto Condensed', sans-serif, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;width: 100%;/* min-width: 400px; */max-width: 2560px;position: relative;}


.one {background-color: #000;background-image: url(onebg.webp);text-align: center;background-size: cover;background-position: 0px 0px;background-repeat: no-repeat;}

.prod {display: inline-block;border: 0px solid #eee;background-color: #e98e00b3;color: #fff;vertical-align: top;margin: 25px;flex: 1 1 50%;border-radius: 5px;overflow: hidden;padding: 10px;}

.one_inner {background-color: #001326cc;padding: 15px;}

.one_inner .prod p {font-size: 23px;color: #fff;text-transform: uppercase;}

.prod img {width: 100%;}

.toppy {max-width: 1000px;display: flex;margin: auto;flex-wrap: nowrap;justify-content: space-between;}

.product {max-width: 1000px;
    display: flex;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: space-between;padding-bottom: 10px;}

.top {margin: 13px;text-align: left;}

.top .logo {height: 125px;}
.top a {color: #fff;text-decoration: none;display: block;font-size: 20px;margin-bottom: 8px;line-height: 24px;}

.one_inner h1 {color: #f8a623;text-transform: uppercase;font-size: 32px;margin-top: 40px;margin-bottom: 40px;font-weight: normal;}

.top a img {height: 25px;padding-top: 0px;padding-right: 13px;margin-bottom: -3px;}

.two {background-color: #f4f4f4;
    background-image: url(w.png);
    text-align: center;
    
    background-position: 0px 0px;
    }

.two h2 {text-transform: uppercase;text-align: center;margin-bottom: 20px;font-size: 35px;}

.one_two {max-width: 1000px;
    
    margin: auto;
    
    font-size: 23px;line-height: 135%;text-align: justify;padding: 30px 15px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.one_inner p {color: #d9d9d9;font-size: 32px;}

.three h2 {text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;font-size: 35px;flex: 1 2 100%;}

.three {margin: 50px auto;}

.in_three {max-width: 1000px;
    margin: auto;
    font-size: 23px;
    line-height: 135%;
    text-align: justify;
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;display: flex;justify-content: space-between;}

.three img {width: 100%;}

.in_three>div {flex: 0 1 45%;}

.tr_last {max-width: 1000px;
    margin: auto;
    font-size: 23px;
    line-height: 135%;
    text-align: justify;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;}

.tr_last p {margin: 0;}

.lang img {height: 25px;
    padding-top: 0px;
    padding-right: 13px;
    margin-bottom: -6px;}

.top .lang a {display: inline-block;/* margin: 0px 12px 0px 0px; *//* background-color: #005fcb; *//* padding: 0px 7px; */font-size: 15px;/* border-radius: 4px; */}

.four {background-color: #000;
    background-image: url(bgm2.webp);
    text-align: center;
    background-position: 0;padding: 30px 0px 50px 0px;}

.in_four {max-width: 1000px;
    margin: auto;
    font-size: 23px;
    line-height: 135%;
    text-align: justify;
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;display: flex;}

.four h2 {text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
    flex: 1 2 100%;color: #fff;}

.pre {flex: 1 1 25%;color: #fff;text-align: center;padding: 15px;background-color: #00000052;margin: 10px;border-radius: 5px;}

.pre span {font-size: 18px;display: block;line-height: 128%;}

.pre img {width: 110px;margin-bottom: 10px;}

.five h2 {text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
    flex: 1 2 100%;margin-top: 0;}

.five {background-color: #f4f4f4;
    background-image: url(w.png);
    text-align: center;
    background-position: 0px 0px;padding: 50px 0px;}

.in_five {max-width: 1000px;
    margin: auto;
    font-size: 23px;
    line-height: 135%;
    
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;padding: 0 15px;}

.in_five>p {margin: 0;}
.footer {background-color: #000;
    background-image: url(bgm2.webp);
    text-align: center;
    background-position: 0;
    padding: 30px 0px 50px 0px;color: #fff;}

.in_foot {max-width: 1000px;
    margin: auto;
    font-size: 23px;
    line-height: 135%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.gallery {display: flex;flex-wrap: wrap;}

.gallery a {flex: 1 1 20%;padding: 5px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.gallery a img {width: 100%;display: flex;border-radius: 5px;}

.in_gal {max-width: 1000px;margin: 15px auto;}

.gal h2 {text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;}

.gal {padding: 30px 15px;}	


@media all and (max-width: 767px)
{

.three img{width: 70%;margin: auto;}
.in_three {display: flex;flex-wrap: wrap;padding: 10px 30px;}
.tr_last {padding: 0 30px;}   
    .in_four {flex-wrap: wrap;padding: 15px 30px;}
    .pre {flex: 1 1 43%;margin: 1%;}
.in_three>div {
    flex: 1 1 100%;
text-align: center;}  
.in_three>div p {text-align: justify;}
    .toppy {flex-wrap: wrap;}

    .top {flex: 1 1 100%;text-align: center;margin: 5px 10px;}

    .top a {font-size: 25px;line-height: 150%;}

    .one {background-position-x: 25%;}
    .one_inner {background-color: #000d1ad6;}

    .one_two {padding: 30px 30px;}
.prod {margin: 10px;padding: 7px;}

}

@media all and (max-width: 425px)
{

    .cont_block {
    
    
    
    bottom: 10px;
    right: 10px;
    width: 35px;
}

.cont_block a img {
    width: 27px;
}
    
    .cont_block a {       
    padding: 6px;
    margin: 2px;
    }

    .gallery a {
    flex: 1 1 49%;
    padding: 3px;
    }
.prod {
    margin: 10px;
    padding: 7px;
flex: 1 1 100%;}
    .prod p {margin: 7px 0px;}
    .product {flex-wrap: wrap;}
.one_inner .prod p {font-size: 19px;margin: 7px 0px;}
}