*{margin: 0px; outline: 0px; text-decoration: none; font-family: 'Rubik', sans-serif; color: #3f4c4e;}
html{background: #e8eeef;}

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

.menu .in{background: #8c0681;}
.menu .in{overflow: auto;}
.menu a{display: block; padding: 15px; color: white; font-weight: 700; float: left; text-transform: uppercase;}
.menu a:hover{ color: #ffd6fc;}

.slide{ }
.slide .in{overflow: auto; background: url(../img/sla.png) no-repeat center top #1e0c5a; background-size: cover; padding-top:70px; padding-bottom:70px;}
.slide h1{overflow: auto; float: none; text-align: center; }
.slide a{display: block; }
.slide a i{font-size: 1px;}

.slide .mainbut{float: left; }
.slide .mainbut a{display: block; float: left; background: white; color: #dc2626; padding: 10px; text-transform: uppercase; margin-left: 40px; font-weight: 700;}

.date{padding: 12px; }
.date .in{ color:#4b0645; font-weight: 700; background: #ff23ed; padding: 12px;}

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

.acces{color: white; background: #ff23ed; padding: 20px;}
.acces strong{color: #e8eeef; display: block; text-transform: uppercase; font-size: 18px; }
.acces p{color: white;}

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

.log{display: grid; grid-template-columns: 1fr; gap: 10px; padding: 10px;}
.log input{border: solid 1px #fff; background: #fff; padding: 10px; color: #1e0c5a; font-weight: 700; border-radius: 0px; padding-left: 50px; font-size: 16px;}
.log .sub{border: solid 1px #fff; background: #ff23ed; padding: 10px; padding-left: 10px; color: white; border-radius: 0px;}

.right_main{}
.pada{padding: 20px; padding-top: 40px;  padding-bottom: 50px; text-align: center; background: url(../img/prox.png) no-repeat top center #130839; background-size: cover; }
.pada h1{color: rgb(253, 107, 255); text-transform: uppercase;}
.pada h3{color: #fff; text-transform: uppercase;}
.pada p{color: #fff; text-transform: uppercase;}

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

.pro_gra{margin-top: 17px;}
.pro_gra em{color: #fff; font-weight: 700; font-size: 18px; background: #8b1181; padding: 10px; border-left: solid 5px #ff23ed; display: block;}
.pro_gra .gri{display: grid; grid-template-columns: 1fr 3fr; margin-bottom: 10px;}
.gri b{padding: 10px; display: block; font-size: 18px;}
.gri i{padding: 10px; display: block; background: white; font-weight: 700; font-size: 18px; float: left; width: 26px; text-align: center; margin-right: 13px; border: solid 1px #ff23ed; border-bottom: solid 4px #8b1181;}
.num{overflow: auto;}
.ra{background: white;}
.rb{background: #ecf2f3;}

.tito{padding: 10px; font-size: 17px; display: block; background: white; margin-top: 15px;}

.foot .in{text-align: center; padding-bottom: 100px; padding-top: 100px; background: url(../img/pro2.png) no-repeat center left #8c0681; background-size: auto 100%;}
.foot p{color: #fff;}

.parte{padding-top: 20px; padding-bottom: 15px; 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: #fff; display: inline-block; padding: 20px; }

.links{padding-top: 17px;}
.links a{display: block; padding: 5px; border-bottom: dashed 1px #cfdbdd; background: white; color: #8b1181;}

.inpox{padding: 20px; background:white; display: grid; grid-template-columns: 1fr; gap: 10px; }
.inpox i{ font-style: normal;}
.inpox input{padding: 10px;}

.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: /*url(../img/aa.png) no-repeat center right*/ white; background-image: none; background-size: auto 100%;}
}

SabaxJet@paxU