*{margin: 0px; outline: 0px; text-decoration: none; font-family: 'Poppins', sans-serif; }
body{background: url(../img/bb.png) top center fixed rgb(255, 255, 255); background-size: cover;}

.inx{width: 1100px; margin: auto;}

.menu{background: ;}
.menu .in{background: #fff; border-bottom: solid 4px #280A03; border-top: solid 4px #280A03; }
.menu h1{float: left; font-size: 19px; font-weight: 900; }
.menu h1 i{font-style: normal; }
.menu .in{overflow: auto; text-align: left;}
.menu a{display: inline-block; padding: 10px; color: #280A03; font-weight: 700;  text-transform: uppercase; border-radius: ;}
.menu .home{display: inline-block; padding: 10px; color: #25EF67; font-weight: 700;  text-transform: uppercase;}
.menu a:hover{ }

.slide{  text-align: center; }
.slide .in{ background: url(../img/bax.png) no-repeat center center #280A03; background-size: 110%; }
.slide .in{overflow: auto; padding-top:60px; padding-bottom:80px; padding-left: 50px;}
.slide h2{color: #fff; font-size: 50px; line-height: 46px; width: 70%; margin: auto; text-transform: uppercase; font-weight: 900; text-shadow: 3px 3px 0px #280A03;} 
.slide span{color: #fff; display: block; font-size: 20px; font-weight: 800; text-shadow: 3px 3px 0px #280A03;} 
.slide a{display: ; }
.slide a i{font-size: 1px;} 
.slide img{width: 70%;}

.slide .mainbut{float: right; }
.slide .mainbut a{display: block; float: right; background: #2F2F31; color: white; padding: 20px; text-transform: uppercase; margin-left: 40px; font-weight: 700; border-radius: 2px; font-size: 13px;}

.date{padding: 12px; }
.date .in{ background: url(../img/do.png); padding: 40px; padding-top: 0px; border-top: solid 2px #e72929; width: 60%; font-weight: 700; border-radius: 0px; }
.date .in b{ display: inline-block; padding: 10px; background: #e72929 ; color: white; }
.date h2{ font-size: 50px; color: #2F2F31; line-height: 45px; margin-top: 20px; text-transform: uppercase; }
.date span{ font-size: 18px; color: #e72929; display: block; width: 60%; padding-top: 15px;}

.content{ padding-top: 0px; padding-bottom: 0px; }
.content .in{background: #fff; padding: 20px}
.content .in{background: ; display: grid; grid-template-columns: 1fr 3fr  ; gap: 19px;}

.acces{color: #280A03; background: ; padding-top: 15px;}
.acces strong{ display: block; text-transform: uppercase; font-size: 18px; }
.acces p{ padding-top: 10px; padding-bottom: 15px;}

.top{padding: 10px; background: #6a6a6d; }
.top .in{overflow: auto;}
.top span{color: #dbffef;}
.cont{float: right; display: block; color: #dbffef;}

.log{display: grid; grid-template-columns: 1fr; gap: 15px; padding: 0px;}
.log input{border: solid 4px #280A03; background: #ffffff; padding: 8px; color: #280A03; font-weight: 700; padding-left: 20px; font-size: 12px; border-radius: 20px;}
.log .sub{border: solid 1px white; background: #280A03; padding: 12px; padding-left: 10px; color: white; border-radius: 3px;}

.right_main{}
.pada{padding: 27px;  text-align: center; border: solid 4px #280A03; background: #ffffff;  background-size: cover; margin-top: 15px; border-radius: 3px;}
.pada p{color: #280A03;}
.pada h1{ color: #e72929; padding-bottom: 25px; text-transform: uppercase; }
.pada h3{width: ; color: #e72929;}
.pada img{width: 130px;}

.abobut{padding: 10px; padding-left: 21px; padding-right: 21px; background: #E7E019; color: #fff; display: inline-block; text-transform: uppercase; font-weight: 700; margin-top: 10px;}

.pro_gra{margin-bottom: 27px; background:#25EF67 ; padding-bottom: 20px; padding-left: 20px; box-shadow: ; border-radius:10px; }
.pro_gra em{color: #fff; font-weight: 700; font-size: 18px; padding: 20px; padding-left: 0px;  border-left: solid 0px #ffffff; display: block; font-style: normal;}
.pro_gra em b{color: #fff;}
.pro_gra .gri{display: grid; grid-template-columns: 1fr 2.7fr; margin-bottom: 10px; border-radius: 30px 0px 0px 30px;}
.gri b{padding: 7px; display: block; font-size: 18px; text-align: center; border-radius: 30px; }
.gri i{padding: 7px; display: block; background: #25EF67; font-weight: 700; font-size: 18px; float: left; width: 56px; text-align: center; margin-left: 13px; border-radius:10px; font-style: normal; color: #280A03; }
.num{overflow: auto;}
.ra{background: #280A03;}
.rb{background: #280A03;}

.tito{padding: 7px; padding-left: 22px; padding-right: 22px; font-size: 17px; display: inline-block; background: #fff; border-radius:10px; margin-top: 15px; color: #280A03; text-transform: uppercase; margin-bottom: 20px; border: solid 4px #280A03;}

.foot .in{text-align: center; padding-bottom: 20px; text-transform: uppercase; padding-top: 20px; background: /*url(../img/bat.png) no-repeat center center*/ #280A03; background-size: 100%;}
.foot{}
.foot p{color: #ffffff;}
.foot h1{color: white;}

.left{padding-top: 0px;}

.parte{padding-top: 0px; padding-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.parte a{display: block;}
.parte a img{width: 100%;}
.foo_menu{ }
.foo_menu a{ padding-top: 0px; padding-bottom: 50px; color: white; display: inline-block; padding: 10px; }

.links{padding-top: 17px;}
.links a{display: block; padding: 5px; border-bottom: solid 3px #2F2F31; color: #2F2F31; background: white; font-size: 11px;}
.links a:hover{ color: #646481; background: #fff;}
.links a:visited{ color: #646481; background: #fff;}

.inpox{padding: 20px; background: url(../img/do.png); display: grid; grid-template-columns: 1fr; gap: 10px; color: #2F2F31; }
.inpox i{ font-style: normal;}
.inpox input{border: solid 4px #280A03; background: #ffffff; color: #280A03; padding: 15px; color: #2F2F31; font-weight: 700; padding-left: 20px;  padding-right: 20px; font-size: 14px; border-radius: 3px;}
.inpox textarea{border: solid 1px #dddde8; background: #ffffff; padding: 6px; color: #2F2F31; font-weight: 700; padding-left: 20px;  padding-right: 20px; font-size: 12px; border-radius: 3px;}

.pa10{background: #bfffdc; color: #29943f; font-weight: 700; padding: 20px;}

@media (max-width:1200px ) {
	.inx{width:90%;}
}

@media (max-width:800px ) {
    .slide .in{background-size: cover;}
    .slide img{width: 70%; display: block; margin: auto; }
    .foot img{width: 70%; display: block; margin: auto; }
	.inx{width:100%;}
    .content .in{background: ; display: grid; grid-template-columns: 1fr; gap: 24px; padding: 15px;}
    .pada{background: /* url(../img/pa.png) no-repeat top center */ #fff; background-size: cover;}
    .menu{background: white; text-align: left;}
    .date .in{width: auto;}
    .slide .in{overflow: auto; padding: 20px;}
    .slide h2{color: #fff; font-size: 60px; width: auto; text-transform: uppercase; font-weight: 900;}
    .slide span{color: #fff; display: block; width: auto; font-size: 20px;} 
}

SabaxJet@paxU