@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url(../font/MaterialIcons-Regular.woff2) format('woff2'),
         url(../font/MaterialIcons-Regular.woff) format('woff'),
         url(../font/MaterialIcons-Regular.ttf) format('truetype');
  }
  
  .material-icons {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
   font-size: 24px;  /* Preferred icon size */
   display: inline-block;
   line-height: 1;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
  
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
   /* Support for Safari and Chrome. */
   text-rendering: optimizeLegibility;
  
   /* Support for Firefox. */
   -moz-osx-font-smoothing: grayscale;
  
   /* Support for IE. */
   font-feature-settings: 'liga';
  }


*{margin: 0px; text-decoration: none; font-family: "Nunito Sans", sans-serif; font-style: normal; outline: 0px; }
.grada_foot{background: url(../img/sla2.png) no-repeat top center; background-size: 100% auto;}
.inx{margin: auto; width: 1000px;}
p, span, i{font-weight:300;}

.gre{background: rgb(51, 151, 51);}
.re{background: rgb(209, 64, 64);}
.ree{background: #494F48;}
.pa30{padding:30px;}
.pa10{padding:15px; color: white; text-align: center;}

.nav_menu{background: ; padding: 10px; padding-top:0px;}
.nav_menu .in{overflow: auto; text-align:center;}
.nav_menu .in a{display: inline-block; float: none; color: #1E212D; padding: 8px 25px; transition: color 0.5s; 
font-size: 12.9px; font-weight: 800; text-transform: uppercase; border-radius: 2px; margin-right:; }
.nav_menu .in a:hover{ color: #7AC609; }

.logo_pac{text-align:center; padding-top:70px;}

.top_pac{}
.cop{overflow: auto;}

.menu{background: /*url(../img/menoi.png) no-repeat center center black */; background-size: cover; padding:40px 20px ; text-align:center;}
.menu .cop .buto{/*display: inline-block; text-transform: uppercase; padding: 14px; font-family: "Bebas Neue", sans-serif; font-size: 16px; font-weight: 900; color: #fff; */ 
display: inline-block; background: #ADF640; color: #294400; padding: 12px 34px; border-radius: 2px; font-size: 24px; font-family: "Bebas Neue", sans-serif; transition: background 0.5s;}
.menu .cop a:hover{background:white; color: #7AC609; }
.menu .cop h1 a{ font-size:0px; }
.menu .cop h2{ font-size:52px; font-weight:900; line-height:51px; padding:20px; text-transform: uppercase; font-family: "Bebas Neue", sans-serif; }
.submenu{background: #129F00; overflow: auto; padding: 10px;}

.menu .cop .icon{margin-right:30px; padding-left:0px; padding-bottom:0px; float: none; text-align: ;}
.home{ padding-left:5px;}

.submenu a{color: red; font-family: "Share Tech", sans-serif; text-decoration: underline;}
.submenu b{background: red; font-family: "Share Tech", sans-serif; padding: 7px; padding-left: 15px; padding-right: 15px; display: inline-block; color:white; border-radius:20px; font-size:13px;}
.submenu span{ font-family: "Share Tech", sans-serif; display: inline-block; font-size:15px; color: #00368b; font-weight: 600;}

.card{background: white; padding:0px; padding-bottom: 20px;}
.card a{background: #129F00; color: #182c4d; border-radius: 2px; font-family: "Share Tech", sans-serif; display: inline-block; padding:9px; padding-right: 20px; padding-left: 20px; font-size: 17px; font-weight: 600;}
.card strong{color: #1e3150; text-transform: uppercase; font-family: "Share Tech", sans-serif; }
.card p{ padding-top: 15px; padding-bottom: 15px; font-size:18px; color: #2d4c55; }

.slide{ background:url(../img/sli.png) no-repeat center top #00368b; background-size: cover; color: white; padding:10px; padding-bottom:10px;}
.slide .cop{ color: #129F00; padding:20px; padding-bottom:20px; padding-left: 0px;}
.slide .cop h2{ text-transform: uppercase; font-family: "Share Tech", sans-serif; font-size: 16px; padding: 8px; margin-bottom: 15px; background: #129F00; display: inline-block; border-radius: 3px; color:#15538d;}
.slide .cop h4{ text-transform: uppercase; font-family: "Share Tech", sans-serif; font-size: 50px; line-height: 55px; width: 68%; text-shadow: 4px 4px 4px #314069;}
.slide .cop h3{ color: white; font-size: 19px; width: 40%; padding-top: 15px;}

.content{padding: 10px; padding-top: 10px; padding-bottom: 30px; background: /* url(../img/cont.png) center */ ;}
.content .cop{display: grid; grid-template-columns: 3.2fr 1.2fr; gap: 14px;}

.logo{width: 280px;}

.big_date{padding: 20px; padding-bottom: 25px; font-weight: 900; text-align: ; background: url(../img/big.png) no-repeat center center #811d1d; background-size: cover; }
.big_date h1{text-transform: uppercase; display: inline-block; color: #E90A0A; background: white; font-size: 17px; font-weight: 800; margin-bottom: 14px; padding: 8px 14px; border-radius: 3px;}
.big_date span{display: block; width: 75%; font-size: 31px; font-weight: 900; color: pink;}

.site_pac{padding: 30px;}
.site_pac .site{display: grid; grid-template-columns: 170px 4fr; grid-gap: 10px; padding: 12px; border: solid 1px rgb(159, 168, 185); margin-bottom: 14px;}
.site .icoo{display: block;}
.site .icoo img{width: 100%;}
.site strong{display: block; color: red; overflow: auto;}
.site strong a{color: red; font-family:'bla';}
.site strong span{display: block; color: rgb(78, 90, 112); float: right; font-size: 14px;}
.site strong span i{ font-family:'bla'; font-size: 15px;}
.site p{font-size: 15px; padding-top: 5px;}
.site p a{color: red; text-decoration: underline; display: block;}

.sub{background: #7AC609; color: #fff; border-radius: 0px; font-family: "Share Tech", sans-serif; display: inline-block; padding:10px; padding-right: 20px; padding-left: 20px; font-size: 13px; font-weight: 600;}

.left_main{ padding: 5px;}
.right_pan{ color: #1E212D; padding:5px; }
.right_pan p{ font-size: 12.5px; color: #1E212D;}
.right_pan strong{ display: block; text-transform: uppercase; font-size: 23px; font-weight: normal; color: #1E212D; margin-bottom: 10px; padding:0px; font-family: "Bebas Neue", sans-serif;}
.right_pan .form{display: grid; grid-template-columns: 1fr; grid-gap: 15px;}
.right_pan .form input{ border:0px; padding:7px; background: #F1F0F0; border-radius: 0px; color: black; font-weight:900; font-size:17px; }
.right_pan .form .sub{background: #7AC609; color: #fff; font-family: "Share Tech", sans-serif; display: inline-block; padding:9px 15px; font-size: 13px; font-weight: 600; }
.right_pan .griparte{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
.right_pan .griparte a{display: block;}
.right_pan .griparte a img{display: block; width:100%;}

.i1{display: grid; grid-template-columns: 1fr; grid-gap:17px; color: ; }
.i2{display: grid; grid-template-columns: 1fr; grid-gap:17px; font-weight: 800; color:black;}
.inpox i{display: block;} 
.inpox input{border:0px; padding:9px; background: #F1F0F0; border-radius: 0px; color: black; font-weight:900; font-size:17px; }
.inpox .sub{background: #7AC609; color: white;}
.inpox select{border:0px; padding:12px; border-radius: 2px; border:solid 1px #F1F0F0; background: #F1F0F0; color: black; }
.inpox #teleIndic{border: 0px; padding: 7px; border-radius: 0px; font-weight:900; text-align:center; font-size: 21px;}
.inpox textarea{border:0px; padding:12px; border-radius: 10px; background: #F1F0F0; color: black; }
.hint{padding: 20px 0px; color: black;}

.plain{color: #49526b;}
.plain b{display: block; padding-bottom: 5px; color: #000;}
.plain a{display: block; padding: 7px; color: #000; padding-left: 0px; font-size: 12.5px; transition: background 0.5s;}
.plain a:hover{ color: #000; }


.propac{ }
.prono{ padding:10px 0px;}
.prono h4{font-weight: 700; font-size: 15px; margin-bottom: 10px; color:#4D843F; text-align: ;}
.progri{display: grid; grid-template-columns: 1fr 3fr; gap: 10px; column-gap: 0px; padding: 24px; font-size: 20px; border-radius: 2px; background: #ADF640; margin-bottom: 22px;}
.progri strong{display: block; padding: 7px; color: #fff; text-align: center; font-family: "Share Tech", sans-serif; font-style: normal; 
background: #4D843F; font-size: 18px; border-radius: 0px; }
.progri em{display: block; font-family: "Share Tech", sans-serif; }
.progri em b{display: inline-block; padding: 7px 17px; font-family: "Share Tech", sans-serif; text-align: left; color: #4D843F; 
font-weight: 700; font-size: 18px; background: #fff; border-radius: 0px; font-style: italic;}

title{text-transform: capitalize;}

.news img{margin: 20px 0px;}
.news h1{color: black;}
.news p{color: #000;}

.tito{display: block; text-transform: uppercase; font-size: 23px; font-weight: normal; color: #1E212D; margin-bottom: 10px; padding:0px; font-family: "Bebas Neue", sans-serif; }

.grid2{display: grid; grid-template-columns: 1fr; padding:30px; grid-gap: 10px;}

.foot{color: gray; background: ; font-size: 15.9px; padding: 30px; padding-top: 0px;}
.foot .inx{background:; padding:20px 0px; text-align: left; }
.foot .inx img{ width:250px; }

.tags{padding: 20px; background:; text-align:center; }
.tags .in{width: auto; margin: auto;}
.tags b{background: ; display: inline-block; padding: 5px; border-radius: 4px; color: #4D843F; font-weight: 300; font-size: 16px;}

.topo{background: #7E8486; color: #fff; font-size: 14.3px; padding: 14px; text-align: center;}
.topo .in{overflow: auto;}
.topo .in span{display: ; float: none; font-weight: 700; }

.newx{padding: 30px; } 
.newx .in{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 21px; width: auto; margin: auto;}
.item_new{border-radius: 8px; background:#ffff; overflow: hidden; border-radius: 10px; box-shadow:0px 5px 10px #4B3B513B;}
.item_new i{display: block; height: 140px;}
.deet{padding: 20px; color: #D6D6D6;  }
.deet h2{text-transform:uppercase; font-size:20px; padding-bottom: 12px; color: #4D843F; font-family: "Bebas Neue", sans-serif; font-weight:normal;}
.deet p{ font-size:12.5px; line-height:20px; color:#9A8D9E; }

@media (max-width:1100px ) {
	.inx{width:100%;}
  .content .cop{display: grid; grid-template-columns: 1fr; grid-gap: 0px;}

  .slide{background:#129F00 ; padding:20px; padding-bottom:40px;}
  .slide .cop{ color: white; padding:0px; padding-bottom:20px; padding-left: 0px; }
  .slide .cop h2{ text-transform: uppercase; font-family: "Share Tech", sans-serif; font-size: 20px; padding-bottom: 15px;}
  .slide .cop h4{ text-transform: uppercase; font-family: "Share Tech", sans-serif; font-size: 35px; line-height: 55px; width: 100%;}
  .slide .cop h3{ color: white; font-size: 17px; width: 100%; padding-top: 15px;}

  .menu{background: /*url(../img/menoi.png) no-repeat center center #494F48 */; background-size: cover; padding-top: 0px;}
  .menu .cop{text-align: ;}
  .menu .cop a{display: inline-block; text-transform: uppercase; padding: 15px 30px; float: none; font-size: 15px;}
  .menu .cop .icon{margin-right:30px; padding-left:15px; padding-bottom:15px; padding: 15px;}
  .menu .cop .home{border-bottom:0px; padding-left:15px;} 
   
  .propac{ }

  .progri{display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 8px; padding-top: 15px; font-size: 15px;}
  .progri em b{display: block; font-family: "Share Tech", sans-serif; text-align: center; background: ; float: left; }
}
@media (max-width:665px ) {
    .tags .in{width: auto; margin: auto;}
	.site_pac .site{display: grid; grid-template-columns: 1fr; grid-gap: 10px; padding: 12px; border: solid 1px rgb(159, 168, 185); margin-bottom: 14px;}
    .big_date{padding: 60px 20px;  font-weight: 900; text-align: center; }
    .big_date span{display: block; width: auto; font-size: 31px; }

    .newx .in{display: grid; grid-template-columns: 1fr; gap: 15px; width: auto;}
    .right_pan{margin-top: 60px;}
    .nav_menu .in a{display: block ; float: none ; text-align: center;}
    .nav_menu .in .acc{display: inline-block ; float: none ; text-align: center;}
    .logo{width: 250px;}
    .grada_foot{background: url(../img/sla2.png) no-repeat bottom center; background-size: 100% auto ;}
    }