html, body  { height: 100%; text-align: center; font:100%/1 em Arial, Helvetica, sans-serif; color:#000;}
*, *:after, *:before {box-sizing:border-box;padding:0;margin: 0;  1font-family:Arial, Helvetica, sans-serif} 

/*@font-face {
font-family: "SegoePrint";  
src: url("../../files/fonts/segoe_print.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }*/
 

#wrapper {width:100%; margin:auto; height: auto;  min-height:100%; margin:0 auto; text-align: center;  font-family:Arial, Helvetica, sans-serif; font-size:14px; position: relative; }
#inner_wrapper {width:100%; padding-bottom:30px; min-width:1200px; margin:auto; position: relative; }

#header { width:100%; max-width:1170px; margin:auto;  }


#main { width:100%; max-width:1170px; margin:auto;   position: relative } 

#main .button_wrapper {width:100%; display:inline-block; float:left; text-align:right; margin:15px auto;}
#main .button_wrapper .button {display:inline-block; font-size:24px; padding:20px 20px; border-radius:4px; border:2px solid #FFCC00; color:#FFCC00;}
#main .button_wrapper .botton a  {color:#FFCC00;}

#main .center {width:100%; display:inline-block; float:left; text-align:center; margin:5px auto 10px auto;}
#main .center .domen { font-size:90px; color:#FFFFFF; border-bottom:2px solid #FFFFFF; padding:0 0 35px 0; font-weight:normal; margin:35px auto 40px auto;  }
#main .center .fraza {  font-size:42px; font-weight:bold; color: #FFCC00;  padding:10px 0 10px 0; line-height:1.5;}
#main .center .price {font-size:32px; color: #FFCC00;  padding:10px 0 35px 0;}
#main .center .price .old {1font-size:28px; text-decoration:line-through; color:#999999}
#main  .info { font-size:18px; color: #000; max-width:1000px; margin:0 auto 25px auto; line-height:1.5; text-align:left; border-radius:5px; padding:25px;}
#main  .info p { padding: 10px 15px;}
#main  .info {background-color: rgba(255, 255, 255, 0.7); /* Цвет фона и значение прозрачности */}

#main .open_price { display:inline-block; font-size:48px; margin: 20px auto; padding:20px 50px; border-radius:5px; border:4px solid #FFCC00; color:#FFCC00; cursor: pointer}
#main .open_price:hover { background:#111;}

#inner_wrapper::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url(/img/bg.jpg) ;
  1filter: grayscale(100%);
  filter: brightness(50%);
  background-size: cover; /* Масштабируем фон */
      -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
  
  1background-position: top;
  1background-repeat: repeat-y;
  background-color:#333333;
}



  
#footer {width:100%; min-width:1200px;  height:30px; background-color:#000; color:#FFFFFF; position:relative; margin:-30px auto auto auto; text-align:center; clear: both; font-size:14px; font-weight:bold; }
#footer .text { padding-top:7px;}    

.mnt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.clear, .clear:after {clear:both;}
.clear:before,
.clear:after {content:" ";display:table;}