*{margin: 0px; outline: 0px; text-decoration: none; font-family: 'Quicksand', sans-serif; }
html{background: url(../img/bap.png) no-repeat top center #aec5af; background-size: 100%;}

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

.menu{}
.menu .in{overflow: auto; text-align: right;}
.menu a{display: inline-block; padding: 15px; padding-top: 25px; color: #ffffff; font-weight: 700;  text-transform: uppercase; border-radius: ;}
.menu a:hover{ color: #DDF4FC; background: #02d121;}

.slide{ padding-top:50px; padding-bottom:20px; text-align: left;}
.slide .in{overflow: auto;}
.slide h1{overflow: auto; display: inline-block; } 
.slide a{display: ; }
.slide a i{font-size: 1px;} 
.slide img{width: 430px;}

.slide .mainbut{float: right; }
.slide .mainbut a{display: block; float: right; background: #02d121; 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: solid 2px #02d121; width: 50%; font-weight: 700; border-radius: 30px 0px 30px 0px;}
.date .in b{ display: inline-block; padding: 10px; background: #02d121 ; color: white; }
.date h2{ font-size: 50px; color: #cf3e00; line-height: 45px; margin-top: 20px; text-transform: uppercase; }
.date span{ font-size: 18px; color: #156321; display: block; width: 60%; padding-top: 15px;}

.content{ padding-top: 0px; padding-bottom: 40px;}
.content .in{background: ; display: grid; grid-template-columns: 3fr 1fr ; gap: 24px;}

.acces{color: #02d121; 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 1px #02d121; background: #DDF4FC; padding: 6px; color: #02d121; font-weight: 700; padding-left: 20px; font-size: 12px; border-radius: 20px;}
.log .sub{border: solid 1px #00D8BC; background: #00D8BC; padding: 12px; padding-left: 10px; color: white; border-radius: 3px;}

.right_main{}
.pada{padding: 40px;  text-align: left; background: #718172; background-size: cover; margin-top: 15px;}
.pada p{color: #fff;}
.pada h1{ color: #fff; padding-bottom: 25px; text-shadow: 3px 3px 0px white;}
.pada h3{width: ; color: #fff;}
.pada img{width: 130px;}

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

.pro_gra{margin-bottom: 17px; background: ; padding-bottom: 20px; padding-left: 0px;}
.pro_gra em{color: #05531e; font-weight: 700; font-size: 23px; padding: 20px; padding-left: 0px;  border-left: solid 0px #ffffff; display: block; font-style: normal;}
.pro_gra .gri{display: grid; grid-template-columns: 1fr 3.6fr; margin-bottom: 10px; border-radius: 30px;}
.gri b{padding: 10px; display: block; font-size: 18px; text-align: center; border-radius: 30px;}
.gri i{padding: 10px; display: block; background: #30A23F;; font-weight: 700; font-size: 18px; float: left; width: 26px; text-align: center; margin-left: 13px; border: solid 4px #fff280; border-radius: 20px 0px 20px 0px; font-style: normal; color: #ffffff;}
.num{overflow: auto;}
.ra{background: ;}
.rb{background: ;;}

.tito{padding: 10px; font-size: 17px; display: inline-block; background: #02d121; margin-top: 15px; color: #ffffff; text-transform: uppercase;}

.foot{text-align: center; padding-bottom: 20px; text-transform: uppercase; padding-top: 20px; background: /*url(../img/fo.png) no-repeat center left*/ #aec5af; background-size: cover;}
.foot p{color: #535d53;}

.left{padding-top: 0px;}

.parte{padding-top: 10px; 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: #535d53; display: inline-block; padding: 10px; }

.links{padding-top: 17px;}
.links a{display: block; padding: 10px; border-bottom: dashed 1px #535d53; background:; color: #535d53;}

.inpox{padding: 20px; background: url(../img/do.png); display: grid; grid-template-columns: 1fr; gap: 10px; color: #02d121; }
.inpox i{ font-style: normal;}
.inpox input{border: solid 1px #02d121; background: #DDF4FC; padding: 15px; color: #02d121; font-weight: 700; padding-left: 20px;  padding-right: 20px; font-size: 14px; border-radius: 3px;}
.inpox textarea{border: solid 1px #02d121; background: #DDF4FC; padding: 6px; color: #02d121; 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 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: #718172; background-size: cover;}
    .menu{background: #02d121; text-align: left;}
    .date .in{width: auto;}
}

SabaxJet@paxU