*{margin: 0px; outline: 0px; text-decoration: none; font-family: 'Roboto', sans-serif; color: #3f4c4e;}
html{background: #fff;}
body{font-style: normal;}

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

.menu{background: #41009c;}
.menu .in{overflow: auto;}
.menu a{display: block; padding: 15px; color: white; font-weight: 700; float: left; text-transform: uppercase;}
.menu a:hover{ color: #fff; background: #2e006f;}

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

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

.date{padding: 12px; }
.date .in{ color: #41009c; font-weight: 700; }

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

.acces{color: white; background: rgba(51,145,241,1); padding: 20px;}
.acces strong{color: #e8eeef; display: block; text-transform: uppercase; font-size: 18px; }
.acces p{color: white;}

.top{padding: 10px; background: linear-gradient(90deg, rgba(51,145,241,1) 0%, rgba(236,50,126,1) 100%); }
.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: 5px; color: #1e0c5a; font-weight: 700; border-radius: 0px; padding-left: 50px; font-size: 16px;}
.log .sub{border: solid 1px #41009c; background: #41009c; padding: 5px; padding-left: 10px; padding-right: 10px; color: white; border-radius: 0px;}

.right_main{}
.pada{padding: 40px; padding-top: 40px;  padding-bottom: 50px; text-align: left; background: linear-gradient(90deg, rgba(51,145,241,1) 0%, rgba(236,50,126,1) 100%); background-size: auto 100%;}
.pada h1{color: #fff;}
.pada h3{color: #fff;}
.pada p{color: #fff;}

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

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

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

.foot{text-align: center; padding-bottom: 70px; padding-top: 70px; background: /*url(../img/pro2.png) no-repeat center left*/ #41009c; 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: 10px; border-bottom: dashed 1px #cfdbdd; background: white;}
.links a:hover{ font-weight: 700; color: #1e0c5a; background: #06e9f1;}

.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