
html, body { background:#000; }
#body {
  background:url('../images/bg.jpg') center 0 no-repeat;
  font-family: 'Roboto Condensed', sans-serif;
  color:#fff;
  font-size:14px;
}
#body .img_wrap { overflow:hidden; }
#body .central_part {
  width:980px;
  margin:0 auto;
}
#body input[type=text] {
  width:190px;
  padding:0 20px;
  text-transform:uppercase;
  color:#7c7c7c;
  font-family: 'Roboto Condensed', sans-serif;;
  font-size:14px;
  height:40px;
  border-radius:3px;
  border:none;
  border-top:1px solid #707070;
  border-left:1px solid #707070;
}
#body select {
  width:230px;
  padding: 0 0 0 15px;
  text-transform:uppercase;
  color:#7c7c7c;
  font-family: 'Roboto Condensed', sans-serif;;
  font-size:14px;
  height:40px;
  border-radius:3px;
  border:none;
  border-top:1px solid #707070;
  border-left:1px solid #707070;
}
#body input[type=button] {
  background: #fdd000; /* Old browsers */
  background: -moz-linear-gradient(top,  #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdd000), color-stop(50%,#fdd000), color-stop(51%,#fdc52f), color-stop(100%,#d6902a), color-stop(100%,#d6902a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fdd000 0%,#fdd000 50%,#fdc52f 51%,#d6902a 100%,#d6902a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fdd000 0%,#fdd000 50%,#fdc52f 51%,#d6902a 100%,#d6902a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fdd000 0%,#fdd000 50%,#fdc52f 51%,#d6902a 100%,#d6902a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fdd000 0%,#fdd000 50%,#fdc52f 51%,#d6902a 100%,#d6902a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd000', endColorstr='#d6902a',GradientType=0 ); /* IE6-9 */

  color:#0a1828;
  text-transform:uppercase;
  font-size:20px;
  font-family: 'Roboto Condensed', sans-serif; font-weight: bold;;
  height:40px;
  line-height:38px;
  border:none;
  border-right:1px solid #0a1828;
  border-bottom:1px solid #0a1828;
  width:235px;
  border-radius:3px;
  cursor:pointer;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;


}
#body input[type=button]:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}
#body input[type=submit]:hover { background:#FDD000; }
#body h1, #body h2, #body h3, #body h5 {
  font-family: 'Roboto Condensed', sans-serif; font-weight: bold;;
  color:#fff;
  text-transform:uppercase;

}

.submit {
    
    background: #fdd000;
    background: -moz-linear-gradient(top, #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdd000), color-stop(50%, #fdd000), color-stop(51%, #fdc52f), color-stop(100%, #d6902a), color-stop(100%, #d6902a));
    background: -webkit-linear-gradient(top, #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%);
    background: -o-linear-gradient(top, #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%);
    background: -ms-linear-gradient(top, #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%);
    /* background: linear-gradient(to bottom, #fdd000 0%, #fdd000 50%, #fdc52f 51%, #d6902a 100%, #d6902a 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd000', endColorstr='#d6902a',GradientType=0 );
    color: #0a1828;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    border: none;
    border-right: 1px solid #0a1828;
    border-bottom: 1px solid #0a1828;
    width: 235px;
    border-radius: 3px;
    cursor: pointer;
}

#body h1 { font-size:90px; }
#body h2 { font-size:69px; margin-bottom:20px; }
#body h3 { font-size:32px; margin:30px 0 15px; }
#body h4 { font-family: 'Roboto Condensed', sans-serif;; color:#474747; font-size:29px; text-transform:uppercase; font-weight:normal; margin:50px 0; }
#body h5 { color:#ff0013; font-size:50px; }

#body .top_block { font-family: 'Roboto Condensed', sans-serif; font-weight: bold;; }
  #body .top-block-title {text-transform: uppercase; text-align: center; margin-bottom: 40px; font-size: 32px;}
  #body .top_block h1 { padding:60px 0 40px 340px; line-height:80px; }
  #body .central_part .top_block ul { margin-top:35px; margin-left: 260px; }
  #body .central_part .top_block ul li { font-size:22px; padding: 12px 0; margin:0; line-height:normal; text-transform:uppercase; }
  #body .top_block > div { padding-left:340px; }
  #body .top_block #cost { float:right; padding-left:0; z-index:5; }
  #body .top_block #cost > div { display:inline-block; vertical-align:top; }
  #body .top_block #cost > div span { font-size:50px; }
  #body .top_block #cost > div span i { font-size:48px; text-transform:uppercase; font-style:normal; }
  #body h2 span { font-size: 32px;}
  #body .top_block #cost .crossed {
    color:#f5a900;
    font-size:40px;
    margin:20px 30px 0 0;
    width:180px;
    height:90px;
    vertical-align:middle;
    text-align:center;
    z-index:5;
    position:relative;
  }
  #body .top_block #cost .crossed:after {
    content:'';
    position:absolute;
    display:block;
    z-index:5;
    width:180px;
    height:90px;
    top:0;
    left:0;
    background:url('../images/cross_line.png') 0 0 no-repeat;
  }


#body .top_block .columns_2 { padding-left:0; }
  #body .columns_2 > div {
    float:left;
  }
  #body .top_block .columns_2 > div:first-child {
    width:645px;
  }
  #body .columns_2 .form_wrap form {
    background: none right 0 no-repeat;
    width:240px;
    padding:15px 30px 15px 15px;
  }

  #body .columns_2 .form_wrap form p{
    font-family: 'Roboto Condensed', sans-serif;;
    font-weight: bold;
  }

  #body .columns_2 .form_wrap {
    background:#ff0013;
    border-radius:3px;
    width:288px;
    float:right;
  }
  #body .form_wrap form .title_black { text-transform:uppercase; color:#000; display:block; margin-bottom:15px; }
  #body .form_wrap form .title_white { text-transform:uppercase; color:#fff; display:block; font-size:18px; margin-bottom:15px; }
  #body .form_wrap form div {
    margin-bottom:20px;
  }
  #body .form_wrap form div.btn_wrap {
    margin-bottom:0px;
  }

#body .yellow { color:#ffbc3d; }

#body .central_part li {
  list-style-type:none;
  list-style-position:inside;
  position:relative;
  padding-left:35px;
  margin-bottom:25px;
  padding-top: 5px;
}
#body .central_part .circle_style {
  display:block;
  position:absolute;
  left:-6px;
  top:3px;
  width:23px;
  height:23px;
  border-radius:23px;
  background:#f5aa00;
  font-family: 'Roboto Condensed', sans-serif; font-weight: bold;;
  color:#000;
  text-align:center;
  line-height:23px;
}
.yellow-menu {
  display:block;
}
.yellow-menu li{
  display:block;
}
.small-raz {
  text-transform: none !important;
  text-align: center;
}
#body .central_part .circle_style img { border-radius:23px; }
#body .central_part ul .circle_style {
  background:url('../images/list_marker.png') 0 0 no-repeat;
}
#body .left { width:500px; }
#body .img_left { width:300px; height:300px; }
#body .gray_block {
  width:500px;
  padding:40px;
  margin-left:30px;
  padding-bottom:15px;
  background:#181818;
  border:3px solid #8e8e8e;
  color:#dadada;
  position:relative;
  margin-bottom:60px;
  padding-top: 15px;
}
#body .gray_block  p {
  margin-bottom: 15px;
}
#body .gray_block:before {
  display:block;
  position:absolute;
  width:65px;
  height:36px;
  background:none 0 0 no-repeat;
  z-index:5;
  top:20px;
  left:-59px;
  content:'';
}
.left {
  font-size: 16px;
}
#body .img_right { float:right; }
#body .description .columns_2 > div { width:518px; }
#body .description .columns_2 .img_wrap { width:430px; height:430px; margin-right:30px; }
#body .description .yellow { margin-top:10px; }

#body #comments_list { text-transform:uppercase; }
  #body #comments_list > div {
    padding:20px;
    border-top:1px solid #202020;
  }
  #body #comments_list > div.first { border:none; }
  #body #comments_list > div > div {
    display:inline-block;
    vertical-align:top;
    width:790px;
    text-align:justify;
  }
  #body #comments_list > div > .img_wrap {
    width:114px;
    height:114px;
    border-radius:114px;
    margin-right:30px;
  }
  #body #comments_list > div > div span {
    display:block;
    color:#f5aa00;
    font-size:18px;
    margin:10px 0;
  }

#body #bottom_block {
  background:#fe0000;
}
#body #bottom_block #bottom_bg { margin-bottom:20px; }
#body #bottom_block #bottom_bg img {
  width:100%;
}

#body #bottom_block .central_part > div {
  margin-top: 5px;
}
#body #bottom_block .central_part > div > div {
  display:inline-block;
  vertical-align:top;
  width:525px;
}
#body #bottom_block .central_part > div > div:first-child {
  position:relative;
  height:280px;

}
#body #bottom_block form .btn_wrap {
  position:absolute;
  bottom:15px;
  right: 42px;
}
#body #bottom_block .central_part > div > div#clock_block {
  width:385px;
  background:url('../images/separator.png') 0 50px no-repeat;
  height:210px;
  padding-left:50px;
}
#body .black, #body #clock_block .white {
  text-transform:uppercase;
  font-size:22px;
  font-family: 'Roboto Condensed', sans-serif; font-weight: bold;;
  display:block;
  margin-bottom:20px;
  margin-top:0;
}
#body .black { color:#000; padding-right:20px; margin-bottom: 0px; }
#body .white { color:#fff; }
#body #bottom_block form > div {
  float:left;
  margin:0 10px 10px 0;
}

#body #timer > div {
  float:left;
  background:url('../images/clock.png') 0 0 no-repeat;
  width:51px;
  height:90px;
  line-height:90px;
  font-size:81px;
  color:#cecece;
  margin-right:4px;
  font-family: 'Roboto Condensed', sans-serif;;
  text-align:center;
  position:relative;
}
#body #timer > div span { position:absolute; bottom:-70px; color:#fff; font-size:12px; font-family: 'Roboto Condensed', sans-serif;  }
#body #timer > div:nth-child(1) span { left: 40px; }
#body #timer > div:nth-child(2) span { left: 20px; }
#body #timer > div:nth-child(3) span { left: -5px; }
#body #timer > div:nth-child(4) span { left: 20px; }
#body #timer > div:nth-child(5) span { left: 20px; }
#body #timer .margin { margin-right:20px; }
#body #clock_block span {
  text-transform:uppercase;
  font-size:12px;
  display:block;
  margin:10px 0;
}

.disk-block > img{
  float:left;
  width: 428px;
}

.disk-content {
  margin-left: 480px;
}

.disk-block ol li {
  font-size: 18px;
}

.clear {
  clear: both;
  float:none !important;
}

.top-form_p {
  margin-bottom: 20px;
}

.old-price {
  font-size: 18px;
  font-weight: bold;
}

.old-price span {
  font-size: 22px;
  text-decoration: line-through;
  color: #fdd000;
}

.new-price {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

.new-price span {
  font-size: 24px;
  color: #fdd000;
}

.inp-delivery {
  visibility: hidden;
  font-size: 16px;
  font-weight: bold;
}

.inp-delivery span {
  font-size: 20px;
  color: #fdd000 !important;
}

.inp-itogo {
  visibility: hidden;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.inp-itogo span {
  font-size: 20px;
  color: #fdd000 !important;
}
