* {margin:0px; padding:0px;}

@font-face {
    font-family: 'bebas';
    src: url('BebasNeue Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'text';
    src: url('Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'light';
    src: url('Roboto-Light.ttf');
    font-weight: normal;
    font-style: normal;
}



.trans-fast {     transition: all 0.3s ease;}
.trans1 {     transition: all 0.8s ease;}
.trans2 {
 transition: all 2s ease;
}

.head_utm { background: #d9534f; color:#fff;   }
h1, h2, h3, h4,  h5, .h1, .h2, .h3, .h4, h5 { font-family: 'bebas';  } 
 
body {   font-family: 'light'; font-size:17px;  color:#444; background:#f3f3f3;  padding-top:70px;  }  
mark { padding:3px 10px; }
@media (max-width: 767px) {
 /* для телефонов */

#block1 .block1_h1 {  }

  }
@media (min-width: 768px) {
 /* для буков*/
 #block1 .block1_h1 { font-size: 65px;  }
 h2, .h2 { font-size: 60px !important; }
}

#menu  { background: rgba(68,68,68, 0.7); color:#fff; padding-top:10px; padding-bottom: 10px; display: block; position: fixed; top:0px; width: 100%;  z-index: 1000; }
#menu h3  { margin-top:0px; margin-bottom: 0px; } 
#menu .h3 { margin-top:7px; display: block; margin-bottom: 0px; } 
#menu button { background: #e5355b; border:3px solid #fff; color:#fff;  padding:5px 10px; font-weight: bold;   transition: all 0.3s ease; text-transform: uppercase; }
#menu button:hover { background: #e5355b;  }
#block1 { min-height: 100vh; background: url("../img/height-bl.jpg") no-repeat; background-position: bottom;
        position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
 
  #block1 .block1_h1 mark {  background:rgba(246, 221, 204, 0.8); color:#CB4335 ;}
#block2 { background: #e2e2e2; padding-top:30px; padding-bottom: 30px; }

#catalog { padding-top:30px; padding-bottom: 30px; }
#catalog .wrapper-catalog  { padding:10px; }
#catalog .wrapper-catalog .item-catalog h3 { margin-top:0px; }
#catalog .wrapper-catalog .item-catalog #order-cart {  margin-top:10px; padding-top: 6px; padding-bottom:6px; text-align: center;background: #ED213A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #93291E, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#fff; font-family: 'bebas'; font-size: 25px;
position: absolute; bottom: 5px; left:5%; right: 5%; width: 90%;
 }
#catalog .wrapper-catalog .item-catalog .preview-catalog { margin-top:10px; }
#catalog .wrapper-catalog .item-catalog  .price-catalog { background: url(../img/price1.png) no-repeat center;  background-size: 80%; padding-top:10px; padding-bottom: 10px; color:#fff; }
#catalog .wrapper-catalog .item-catalog  .price-catalog strike { font-size: 70%; color:#eee; }
#catalog .wrapper-catalog .item-catalog     {    background: #f7f7f7;
    box-shadow: 0px 0px 30px 0px #999;
    padding-top: 20px;
    padding-bottom: 90px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;}
#block3 {  background: url("../img/dtf.jpg") no-repeat; background-position: bottom;
        position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top:40px; padding-bottom: 40px;  }

  #block3  .item-select { padding-left:15px; padding-right: 15px; margin-top:30px; }
    #block3  .item-select .h4 { font-size: 20px !important; } 
 #block3  .item-select div { background:rgba(231, 76, 60, 0.7); padding-right: 10px; color:#fff; padding-left: 10px; padding-bottom: 20px;   box-shadow: 0px 0px 22px 0px #78281F  ;  }

 .forms-1 { margin-top:30px; }
  .forms-1 form { border:10px solid #e5355b; padding:20px 10px; }

 #block4 {  padding-top:40px; padding-bottom: 40px; text-align: center; }
  #block4  h2 { margin-bottom: 40px; }
  #block4 .item-block4 div {  background: #eee;  box-shadow: 0px 0px 30px 0px #999; padding-top:40px; padding-bottom: 40px;  padding-left:10px; padding-right: 10px}

 #block5 { padding-top:40px; padding-bottom: 40px; background: #fff; }
 #block5 .item-review { margin-top:20px; }
 #block5 .item-review textarea { display: block;  }
 #block6 { padding-top:40px; padding-bottom: 40px;  }
  #block6 .wrapper-block6 { padding:10px;  }
    #block6 .wrapper-block6 .item-block6 {   box-shadow: 0px 0px 30px 0px #999; text-align: center; padding-left:10px; padding-right:10px; padding-bottom: 20px; }
#block7 {   background: url("../img/height-bl.jpg") no-repeat; background-position: bottom;
        position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top:40px; padding-bottom: 40px; }
#block7 .block7-item { margin-top:30px; }

#block7 .block7-item form { margin-top:40px; text-align: center; }
#block7 .block7-item form  mark { background: #f24040; color:#fff; font-size: 20px;  }
footer { background: #444; color:#eee; padding-top:30px; padding-bottom: 20px; }