@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;  /* Prefer#ac0701 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: "Roboto Condensed", sans-serif;font-style: normal; outline: 0px; }
body{background:url(../img/bo.png) no-repeat top center fixed; background-size: cover; color: #1d343b;}
.inx{margin: auto; width: auto;}
p, span, i{font-weight:300;}
.or{background: #006863;}
.gr{background: rgb(61, 187, 61);}
.gre{background: rgb(51, 151, 51);}
.re{background: rgb(209, 64, 64);}
.ree{background: rgb(136, 0, 0);}
.pa30{padding:30px;}
.pa10{padding:15px; color: white; text-align: center;}

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

.menu .cop{background:url(../img/sla.png) no-repeat right center #fff; background-size:auto 100%; padding: 20px; text-align: ;}
.menu a{color: white;}
.menu .cop{ }
.menu .cop a{display: inline-block; text-transform: uppercase; padding: 15px; padding-right: 10px;font-family: "Roboto Condensed", sans-serif;font-size: 20px; font-weight: 700; color: red; text-shadow: 2px 2px 1px #fff;} 
.submenu .in{background: #c4200a; overflow: auto; padding: 7px; font-size: 12px; color: #fff;}

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

.submenu a{color: #ac0701; font-family: "Roboto Condensed", sans-serif;text-decoration: underline;}
.submenu b{background: #ac0701; font-family: "Roboto Condensed", sans-serif;padding: 7px; padding-left: 15px; padding-right: 15px; display: inline-block; color:white; border-radius:3px; font-size:13px;}
.submenu span{ font-family: "Roboto Condensed", sans-serif;display: inline-block; font-size:15px; color: #fff; font-weight: 600;}

.card{background: white; padding:0px; padding-bottom: 20px;}
.card a{background: #cf004f; color: #182c4d; border-radius: 2px; font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;}
.card p{ padding-top: 15px; padding-bottom: 15px; font-size:18px; color: #2d4c55; }

.slide{ background:url(../img/sloo.png) no-repeat center center #fff; background-size: cover; color: white; padding:10px; padding-bottom:10px; text-align: center;}
.slide .cop{ color: #fff; padding:20px; padding-bottom:20px; padding-left: 0px;}
.slide .cop h2{ text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;font-size: 16px; padding: 8px; margin-bottom: 15px; background: #fff; display: inline-block; border-radius: 3px; color:#f33100;}
.slide .cop h4{ text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;font-size: 50px; line-height: 55px; text-shadow: 4px 4px 4px #8d1c00;}
.slide .cop h3{ color: white; font-size: 19px; padding-top: 15px;}

.content{padding: 20px; padding-top: 0px; padding-bottom: 0px; background: /* url(../img/cont.png) center */ ;}
.content .cop{display: grid; grid-template-columns:1fr 3fr; grid-gap: 0px;}

.logo{width: 260px;}

.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: #ac0701; overflow: auto;}
.site strong a{color: #ac0701; 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: #ac0701; text-decoration: underline; display: block;}

.left_main{ padding-top: 13px;}
.left_main h2{font-size: 14px;}
.right_pan{ background: url(../img/skin.png); color: #cf004f; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; margin-top: 15px;}
.right_pan strong{ display: block; padding-top: 40px; text-transform: uppercase; font-size: 18px; color: #ac0701; margin-bottom: 10px; font-size: 20px;}
.right_pan .form{display: grid; grid-template-columns: 1fr; grid-gap: 10px;}
.right_pan .form input{ border:0px; padding:12px; border-radius: 2px; border:solid 3px #ac0701; text-align: center;  font-size: 17px;}
.right_pan .form .sub{background:#e20800; color: #fff; border-radius: 2px; font-family: "Roboto Condensed", sans-serif;display: inline-block; padding:12px; padding-right: 20px; padding-left: 20px; font-size: 22px; font-weight: 600;}
.right_pan .griparte{display: grid; grid-template-columns: 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; padding: 30px; color: #cf004f; width: 500px; margin: auto;}
.i2{display: grid; grid-template-columns: 1fr 3fr; grid-gap:17px; padding: 30px; color: #cf004f;}
.inpox{text-align: center;} 
.inpox i{display: block;} 
.inpox input{border: 0px; padding: 12px; border-radius: 2px; border:solid 1px #cf004f;}
.inpox textarea{border: 0px; padding: 12px; border-radius: 2px; border:solid 1px #cf004f; border-radius: 3px;}
.hint{color: #cf004f; padding-left: 30px; padding-right: 30px; padding-top: 10px;}
.raisedButton{border-radius: 0px; border:0px; background: #cf004f; color: #fff; font-family: "Roboto Condensed", sans-serif;font-size: 16px; padding:9px;}

.plain{color: #49526b; background: #ffffff; padding: 15px;}
.plain b{display: block; padding-bottom: 5px;}
.plain a{display: block; padding: 10px; border-bottom: solid 1px #a8b2ce; color: #49526b; padding-left: 0px;}

.propac{ padding:20px; padding-top: 8px;}
.prono{background: url(../img/skin.png); padding:20px; padding-left: 20px; border-radius: 2px; }
.prono h4{font-weight: 700; color: #3f3f3f;}
.progri{display: grid; grid-template-columns: 1.2fr 3fr; grid-gap: 14px; padding-top: 15px; font-size: 20px; border-radius: 4px;}
.progri strong{display: block; padding: 10px; color: white; border-radius: 3px; text-align: left; font-style: italic; background: #272727;}
.progri em{display: block; font-family: "Roboto Condensed", sans-serif;}
.progri em b{display: block; padding: 5px; width: 25px; font-family: "Roboto Condensed", sans-serif;text-align: center; border: solid 3px #e60800; color: #e60800; width: 30px; text-align: center; float: left; margin-right: 10px; font-weight: 600; font-size: 20px; border-radius: 5px; background: url(../img/skin.png); font-weight: 900 ;}

.grato{display:inline-block; padding:6px; padding-left: 20px; padding-right: 20px; border: solid 3px #9c0000; border-radius: 3px;  background:#ff0077; color: #fff; font-weight:bolder; }
.ariv{display:inline-block; padding:14px; background: #232d49; font-weight:bolder; color:#ffe4e4;}
.prono h3{font-weight:600; color: #ac0701;}

.tito{display: block; padding-left:30px; padding-left:30px; color: orange#ac0701; text-transform: uppercase; font-size: 20px; }

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

.foot .inx{color: #ffe4e4; background:url(../img/sla.png) no-repeat right center #fff; background-size:auto 100%;}
.foot .inx{ padding-top: 40px;padding-bottom: 40px; text-align: center; }
.foot .inx img{ width:300px; }

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

  .slide{background:#cf004f ; 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: "Roboto Condensed", sans-serif;font-size: 20px; padding-bottom: 15px;}
  .slide .cop h4{ text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;font-size: 35px; line-height: 55px; width: 100%;}
  .slide .cop h3{ color: white; font-size: 17px; width: 100%; padding-top: 15px;}

  .menu .cop a{display: block; text-transform: uppercase; padding: 15px; float: none; font-family: "Roboto Condensed", sans-serif;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{ padding:0px; padding-top: 8px;}

  .progri{display: grid; grid-template-columns: 0.8fr 3fr; grid-gap: 8px; padding-top: 15px; font-size: 15px;}
  .progri em b{display: block; padding: 10px; width: 25px; font-family: "Roboto Condensed", sans-serif;text-align: center; background: #cf004f; float: left; margin-right: 6px; margin-bottom: 6px; color: white; }
}
@media (max-width:665px ) {
	.site_pac .site{display: grid; grid-template-columns: 1fr; grid-gap: 10px; padding: 12px; border: solid 1px rgb(159, 168, 185); margin-bottom: 14px;}
.menu a{background:white;}
}