*{margin: 0px; outline: 0px; text-decoration: none; font-family: 'Roboto Condensed', sans-serif; }
body{background: url(../img/bob.png) top center fixed #041e2e; background-size: cover;}

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

.menu{}
.menu .in{background: url(../img/li.png) repeat-x top center #862e09; background-size: auto 100%; }
.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: rgb(60, 7, 7); font-weight: 700;  text-transform: uppercase; border-radius: ;}
.menu .home{display: inline-block; padding: 10px; color: #862e09; font-weight: 700;  text-transform: uppercase; border-bottom: solid 4px #F5ED93 ;}
.menu a:hover{ }

.slide{  text-align: center; }
.slide .in{ background: url(../img/bb.png) no-repeat top center #862e09; background-size: cover; }
.slide .in{overflow: auto; padding-top:60px; padding-bottom:60px;}
.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 #862e09;} 
.slide span{color: #fff; display: block; font-size: 20px; font-weight: 800; text-shadow: 3px 3px 0px #862e09;} 
.slide a{display: ; }
.slide a i{font-size: 1px;} 
.slide img{width: 470px;}

.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: 40px; }
.content .in{background: #C9DE9C; padding: 20px}
.content .in{background: ; display: grid; grid-template-columns: 1fr 3fr  ; gap: 19px;}

.acces{color: #004325; 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 3px #fff; background: #ffffff; padding: 12px; color: #004325; font-weight: 700; padding-left: 20px; font-size: 12px; border-radius: 20px;}
.log .sub{border: solid 1px #F5ED93; background: #004325; padding: 12px; padding-left: 10px; color: white; border-radius: 3px;}

.right_main{}
.pada{padding: 27px;  text-align: center; background: #004325; background-size: cover; margin-top: 15px; border-radius: 3px;}
.pada p{color: #fff;}
.pada h1{ color: white; padding-bottom: 25px; text-shadow: 3px 3px 0px #1a2a35;}
.pada h3{width: ; color: #fff;}
.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:#862e09 ; padding-bottom: 20px; padding-left: 20px; box-shadow: ; border-radius: 3px; border: dashed 1px white;}
.pro_gra em{color: #F5ED93; 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 3.6fr; 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: #3d1503; border: solid 3px #F5ED93; font-weight: 700; font-size: 18px; float: left; width: 56px; text-align: center; margin-left: 13px; border-radius: 30px; font-style: normal; color: #F5ED93; }
.num{overflow: auto;}
.ra{background: ;}
.rb{background: ;}

.tito{padding: 10px; padding-left: 22px; padding-right: 22px; font-size: 17px; display: block; background: #862e09; border-radius: 3=px; margin-top: 15px; color: #F5ED93; text-transform: uppercase; margin-bottom: 20px;}

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

.left{padding-top: 0px;}
.left a img{width: 100%;}

.parte{padding-top: 0px; padding-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.parte a{display: block;}
.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: 6px; border-bottom: dashed 1px #cfdbdd; color:#004325 ;}
.links a:hover{ font-weight: 700; color: #2F2F31; background: #fff09c;}

.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 1px #dddde8; background: #ffffff; 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 */ #004325; 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