/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body{
  margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  display:block
}
audio,canvas,progress,video{
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]){
  display:none;
  height:0
}
[hidden],template{
  display:none
}
a{
  background-color:transparent
}
a:active,a:hover{
  outline:0
}
abbr[title]{
  border-bottom:1px dotted
}
b,strong{
  font-weight:bold
}
dfn{
  font-style:italic
}
h1{
  font-size:2em;
  margin:0.67em 0
}
mark{
  background:#ff0;
  color:#000
}
small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup{
  top:-0.5em
}
sub{
  bottom:-0.25em
}
img{
  border:0
}
svg:not(:root){
  overflow:hidden
}
figure{
  margin:1em 40px
}
hr{
  box-sizing:content-box;
  height:0
}
pre{
  overflow:auto
}
code,kbd,pre,samp{
  font-family:monospace, monospace;
  font-size:1em
}
button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit;
  margin:0
}
button{
  overflow:visible
}
button,select{
  text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],html input[disabled]{
  cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}
input{
  line-height:normal
}
input[type="checkbox"],input[type="radio"]{
  box-sizing:border-box;
  padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
  height:auto
}
input[type="search"]{
  -webkit-appearance:textfield;
  box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}
fieldset{
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em
}
legend{
  border:0;
  padding:0
}
textarea{
  overflow:auto
}
optgroup{
  font-weight:bold
}
table{
  border-collapse:collapse;
  border-spacing:0
}
td,th{
  padding:0
}
@media print{
  *,*:before,*:after,*:first-letter,*:first-line{
      background:transparent !important;
      color:#000 !important;
      box-shadow:none !important;
      text-shadow:none !important
  }
  a,a:visited{
      text-decoration:underline
  }
  a[href]:after{
      content:" (" attr(href) ")"
  }
  abbr[title]:after{
      content:" (" attr(title) ")"
  }
  a[href^="#"]:after,a[href^="javascript:"]:after{
      content:""
  }
  pre,blockquote{
      border:1px solid #999;
      page-break-inside:avoid
  }
  thead{
      display:table-header-group
  }
  tr,img{
      page-break-inside:avoid
  }
  img{
      max-width:100% !important
  }
  p,h2,h3{
      orphans:3;
      widows:3
  }
  h2,h3{
      page-break-after:avoid
  }
}
.wrap{
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  position:relative;
  width:100%
}
.wrap:after,.row:after,.fw:after{
  content:"";
  display:table;
  clear:both
}
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
[class^='cc'],[class*=' cc']{
  float:left;
  padding:0 10px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
  line-height:1.2;
  text-align:center;
  font-weight:400
}
.noselect{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default
}
ul{
  padding:0px
}
li{
  list-style:none
}
section{
  position:relative
}
a[href^="tel"]{
  color:inherit
}
body,p{
  margin:0;
  padding:0
}
img,iframe{
  max-width:100%
}
.browserupgrade{
  background:#fd9;
  color:#000;
  padding:0.5em 0;
  text-align:center;
  font-size:1.4em
}
.hidden{
  display:none
}
.cc23{
  width:23.33333333%
}
.cc33{
  width:33.33333333%
}
.cc43{
  width:43.33333333%
}
.pc125{
  margin-left:12.5%
}
.pc165{
  margin-left:16.5%
}
.pc33{
  margin-left:33.33333333%
}
.mt0{
  margin-top:0
}
.mb0{
  margin-bottom:0
}
h1,.h1{
  font-size:2.5em
}
h2,.h2{
  font-size:2.1428571429em
}
h3,.h3{
  font-size:1.875em
}
h4,.h4{
  font-size:1.6666666667em
}
h5,.h5{
  font-size:1.5em
}
h6,.h6{
  font-size:1.3636363636em
}
.cc5{
  width:5%
}
.pc5{
  margin-left:5%
}
.cc10{
  width:10%
}
.pc10{
  margin-left:10%
}
.cc15{
  width:15%
}
.pc15{
  margin-left:15%
}
.cc20{
  width:20%
}
.pc20{
  margin-left:20%
}
.cc25{
  width:25%
}
.pc25{
  margin-left:25%
}
.cc30{
  width:30%
}
.pc30{
  margin-left:30%
}
.cc35{
  width:35%
}
.pc35{
  margin-left:35%
}
.cc40{
  width:40%
}
.pc40{
  margin-left:40%
}
.cc45{
  width:45%
}
.pc45{
  margin-left:45%
}
.cc50{
  width:50%
}
.pc50{
  margin-left:50%
}
.cc55{
  width:55%
}
.pc55{
  margin-left:55%
}
.cc60{
  width:60%
}
.pc60{
  margin-left:60%
}
.cc65{
  width:65%
}
.pc65{
  margin-left:65%
}
.cc70{
  width:70%
}
.pc70{
  margin-left:70%
}
.cc75{
  width:75%
}
.pc75{
  margin-left:75%
}
.cc80{
  width:80%
}
.pc80{
  margin-left:80%
}
.cc85{
  width:85%
}
.pc85{
  margin-left:85%
}
.cc90{
  width:90%
}
.pc90{
  margin-left:90%
}
.cc95{
  width:95%
}
.pc95{
  margin-left:95%
}
.mt1{
  margin-top:10px
}
.mt-1{
  margin-top:-10px
}
.mb1{
  margin-bottom:10px
}
.mb-1{
  margin-bottom:-10px
}
.mt2{
  margin-top:20px
}
.mt-2{
  margin-top:-20px
}
.mb2{
  margin-bottom:20px
}
.mb-2{
  margin-bottom:-20px
}
.mt3{
  margin-top:30px
}
.mt-3{
  margin-top:-30px
}
.mb3{
  margin-bottom:30px
}
.mb-3{
  margin-bottom:-30px
}
.mt4{
  margin-top:40px
}
.mt-4{
  margin-top:-40px
}
.mb4{
  margin-bottom:40px
}
.mb-4{
  margin-bottom:-40px
}
.mt5{
  margin-top:50px
}
.mt-5{
  margin-top:-50px
}
.mb5{
  margin-bottom:50px
}
.mb-5{
  margin-bottom:-50px
}
.mt6{
  margin-top:60px
}
.mt-6{
  margin-top:-60px
}
.mb6{
  margin-bottom:60px
}
.mb-6{
  margin-bottom:-60px
}
.mt7{
  margin-top:70px
}
.mt-7{
  margin-top:-70px
}
.mb7{
  margin-bottom:70px
}
.mb-7{
  margin-bottom:-70px
}
.mt8{
  margin-top:80px
}
.mt-8{
  margin-top:-80px
}
.mb8{
  margin-bottom:80px
}
.mb-8{
  margin-bottom:-80px
}
.mt9{
  margin-top:90px
}
.mt-9{
  margin-top:-90px
}
.mb9{
  margin-bottom:90px
}
.mb-9{
  margin-bottom:-90px
}
.mt10{
  margin-top:100px
}
.mt-10{
  margin-top:-100px
}
.mb10{
  margin-bottom:100px
}
.mb-10{
  margin-bottom:-100px
}
.clear,.clearfix{
  width:100%;
  overflow:auto
}
.left{
  float:left
}
.right{
  float:right
}
.tar{
  text-align:right
}
.tal{
  text-align:left
}
.tac{
  text-align:center
}
.taj{
  text-align:justify
}
.jcsb{
  justify-content:space-between;
  display:inline-flex;
  flex-wrap:wrap
}
.jcsa{
  justify-content:space-around;
  display:inline-flex;
  flex-wrap:wrap
}
.dif{
  display:inline-flex;
  align-items:center
}
.bold{
  font-weight:600
}
.upper{
  text-transform:uppercase
}
.vtop{
  vertical-align:top
}
.vbot{
  vertical-align:bottom
}
.dib,.block{
  display:inline-block
}
.middle{
  display:flex;
  align-items:center
}
.fixed{
  position:fixed
}
.underline{
  text-decoration:underline
}
.tdn{
  text-decoration:none
}
hr{
  border:1px solid #DDD;
  border-style:none none solid
}
form{
  padding:20px;
  border:1px solid #ddd;
  border-radius:5px;
  background-color:#fff
}
form input,form textarea{
  width:100%;
  padding:10px;
  margin:5px 0;
  border:1px solid #ddd;
  border-radius:5px;
  font-size:0.9em;
  min-height:2.7em
}
form input[type="submit"]{
  cursor:pointer;
  color:#fff;
  background-color:#00BFF2
}
form input[type="submit"]:hover{
  background-color:#00abd9
}
form textarea{
  resize:vertical
}
input,textarea{
  outline:none
}
input:hover:invalid:hover:not([type='submit']),input:focus:invalid:focus:not([type='submit']),textarea:hover:invalid:hover:not([type='submit']),textarea:focus:invalid:focus:not([type='submit']){
  border:1px solid #f00
}
input:hover:valid:hover:not([type='submit']),input:focus:valid:focus:not([type='submit']),textarea:hover:valid:hover:not([type='submit']),textarea:focus:valid:focus:not([type='submit']){
  border:1px solid #0f0
}
.mob{
  display:none
}
@media all and (max-width: 800px){
  [class^='cc'],[class*=' cc']{
      width:100%
  }
  [class^="pc"],[class*=" pc"]{
      margin-left:0
  }
  .pc5,.pc10,.pc15,.pc20,.pc25,.pc30,.pc33,.pc35,.pc40,.pc45,.pc50,.pc55,.pc60,.pc65,.pc66,.pc70,.pc75,.pc80,.pc85,.pc90,.pc95{
      margin-left:0
  }
  .pc{
      display:none
  }
  .mob,.mb{
      display:block
  }
  .right,.left{
      float:none
  }
}
.btn{
  background:#00BFF2;
  padding:0.8em 3em;
  border-radius:5px;
  font-size:20px;
  color:#fff;
  transition:ease 0.2s;
  cursor:pointer;
  white-space:nowrap
}
.btn:hover{
  background:#0dccff
}
section{
  padding:40px 0
}
body{
  font-size:16px;
  font-family:"Roboto", sans-serif;
  font-weight:300;
  color:#3C3C3C;
  overflow-x:hidden
}
@media (min-width: 480px){
  body{
      font-size:18px;
      font-size:calc( .005 * 100vw + 13.6px )
  }
}
@media (min-width: 1280px){
  body{
      font-size:20px
  }
}
h1{
  margin:0;
  font-weight:bold
}
#nav{
  position:relative;
  background:#ddd;
  box-shadow:2px 0px 5px rgba(10,10,10,0.4);
  z-index:99
}
#nav ul{
  margin:0
}
#nav ul li{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  font-size:16px;
  margin-left:15px;
  border-right:2px solid #CCC6C6;
  height:30px;
  padding-right:15px
}
#nav ul li a{
  color:inherit;
  text-decoration:none
}
#nav ul li a[href^="tel"]{
  font-weight:bold;
  font-size:17px;
  position:relative;
  top:0px
}
#nav ul li.actions {
  text-align: start;
}
.phones {
  display: flex;
  flex-direction: column;
}
.delivery-info {
  text-align: start;
}
#nav ul li .btn{
  position:relative;
  background:linear-gradient(to top, #08AE05, #39A206, #61E527);
  display:inline-block;
  vertical-align:middle;
  margin-left:225px;
  color:#fff;
  font-weight:bold;
  padding:6px 18px;
  box-shadow:0px 4px 5px rgba(64,146,15,0.5);
  bottom:30px;
  z-index:9;
  font-size:14px
}
#nav ul li .btn:hover{
  background:linear-gradient(to bottom, #08AE05, #39A206, #61E527)
}
#nav ul li a[href^="mailto:"]{
  position:absolute;
  right:105px;
  top:5px;
  font-weight:bold
}
#nav ul li img{
  width:80px;
  margin-top:-20px
}
#nav ul .logo img{
  display:inline-block;
  vertical-align:middle;
  position:relative;
  top:10px
}
#nav ul .logo p{
  display:inline-block;
  vertical-align:top;
  text-align:left;
  font-size:12px;
  position:relative;
  top:-10px
}
#nav ul li:nth-child(2){
  margin-left:0
}
#nav ul li:first-child,#nav ul li:last-child{
  border:none
}
#nav ul li:last-child{
  padding-right:0
}
#nav ul li:first-child{
  margin-left:0;
  padding-right:15px
}
#s01{
  background:url("../img/bg12.jpg?v=1") no-repeat 50% 50%/cover;
  min-height:690px;
  padding-top:100px
}
#s01 .form{
  position:relative;
  bottom:0
}
#s01 .form form{
  padding:15px 0
}
#s01 h1{
  text-align:left;
  font-size:55px;
  color:#fff;
  margin-top:60px
}
#s01 h1 span{
  font-size:40px
}
#s01 .top{
  font-size:26px;
  font-weight:500
}
#s01 mark{
  background:#f6f6f6
}
#s01 input[type="submit"]{
  background:linear-gradient(to top, #08AE05, #39A206, #61E527);
  padding:10px 30px;
  box-shadow:0px 4px 5px rgba(64,146,15,0.5);
  position:relative;
  font-size:16px;
  border-bottom:0px
}
#s01 input[type="submit"]:hover{
  background:linear-gradient(to bottom, #08AE05, #39A206, #61E527);
  bottom:-1px
}
#metod{
  background:url("../img/gray-bg.jpg?v=1") repeat 50% 50%
}
#metod ul{
  margin:0
}
#metod ul li{
  margin-bottom:40px;
  position:relative;
  padding-left:25px
}
#metod ul li:before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#3c3c3c;
  top:8px;
  left:0
}
#metod ul li span{
  text-decoration:underline
}
#s02{
  background-color:#f8f8f8;
  background-image:url("../img/1.png?v=1");
  background-repeat:no-repeat;
  background-position:50% 50%
}
#s02 h1{
  font-size:42px
}
#s02 p.top{
  text-align:center;
  font-size:24px;
  font-weight:500
}
#s02 .title{
  font-size:26px;
  font-weight:bold;
  text-transform:uppercase
}
#s02 .text{
  font-size:18px;
  margin-top:15px
}
#s02 ul{
  margin:0
}
#s02 ul li{
  margin-bottom:20px
}
#s02 .no{
  padding-left:60px
}
#s02 .no li{
  background:url("../img/no.png?v=1") no-repeat left top;
  padding-left:40px
}
#s02 .yes{
  padding-left:60px
}
#s02 .yes li{
  background:url("../img/yes.png?v=1") no-repeat left top;
  padding-left:40px
}
#s02 .yes span{
  color:#398002
}
#s02 table{
  margin:0 auto;
  margin-top:60px
}
#s02 table td,#s02 table th{
  padding:10px 10px;
  border:1px dotted #000;
  font-weight:500
}
#s02 table th{
  font-weight:900;
  color:#000;
  font-size:24px
}
#s02 table tr:hover{
  color:#000
}
#s02 table thead tr:first-child{
  background:#27ae60
}
#s02 table thead tr:first-child th{
  color:#fff
}
#s02 table tbody tr:nth-child(odd){
  background:#f6f6f6
}
#s02 table tbody tr:nth-child(odd):hover{
  background:#72BA53;
  color:#fff
}
#s02 table tbody tr:nth-child(even){
  background:#e9e9e9
}
#s02 table tbody tr:nth-child(even):hover{
  background:#72BA53;
  color:#fff
}
#s02 .info{
  padding-left:150px;
  padding-right:150px
}
#s03 tr{
  width:100%
}
#s03 h2{
  margin-bottom:0
}
#s03 h3{
  margin-top:0
}
#s03 span{
  color:#f00
}
#s03 .text{
  margin-top:40px
}
#s04{
  background:url("../img/gray-bg.jpg?v=1") repeat 50% 50%
}
#s04 h1{
  text-align:left;
  font-size:60px;
  color:linear-gradient(to top, #08AE05, #39A206, #61E527);
  text-shadow:1px 1px 1px #000;
  margin-top:60px
}
#s04 h2{
  text-align:left;
  color:#4193bd;
  font-weight:bold;
  text-shadow:0px 0px 1px #000;
  margin-top:20px
}
#s04 h3{
  margin:0;
  font-size:30px;
  display:inline-block;
  vertical-align:middle
}
#s04 h3.mt{
  margin-top:20px
}
#s04 h3 span{
  color:#4193bd
}
#s04 .get{
  background:-webkit-linear-gradient(bottom, #08AE05, #39A206, #61E527);
  background:-o-linear-gradient(bottom, #08AE05, #39A206, #61E527);
  background:linear-gradient(to top, #08AE05, #39A206, #61E527);
  padding:8px 30px;
  box-shadow:0px 4px 5px rgba(64,146,15,0.5);
  position:relative;
  font-size:16px;
  border-bottom:0px;
  position:relative;
  left:20px;
  text-decoration:none
}
#s04 .get:hover{
  background:-webkit-linear-gradient(#08AE05, #39A206, #61E527);
  background:-o-linear-gradient(#08AE05, #39A206, #61E527);
  background:linear-gradient(#08AE05, #39A206, #61E527)
}
#s04 p{
  font-size:16px
}
#s04 .contacts h2{
  text-transform:uppercase;
  color:#3C3C3C;
  text-shadow:none;
  margin-top:30px
}
#s04 .contacts .tel{
  background:url("../img/tel.png?v=1") no-repeat left top;
  padding-left:52px;
  margin-bottom:20px
}
#s04 .contacts .tel a{
  text-decoration:none;
  color:inherit;
  font-size:24px;
  font-weight:bold;
  display:block
}
#s04 .contacts .mail{
  min-height:30px;
  background:url("../img/mail.png?v=1") no-repeat left center;
  padding-left:52px;
  margin-bottom:30px;
  padding-top:10px
}
#s04 .contacts .mail a{
  text-decoration:none;
  color:inherit
}
#s04 .contacts .geo{
  min-height:20px;
  background:url("../img/geo.png?v=1") no-repeat left top;
  padding-left:52px
}
#s04 .contacts .geo a{
  text-decoration:none;
  color:inherit
}
#otgruzka{
  line-height:1.4;
  padding-bottom:20px;
  padding-top:40px
}
#otgruzka h1{
  text-align:left;
  margin-bottom:20px;
  margin-top:120px
}
#otgruzka p{
  margin-bottom:10px
}
#otgruzka p span{
  border-bottom:1px solid #3C3C3C
}
#slider{
  color:#fff;
  background:url("../img/bg2.jpg?v=1") no-repeat 50% 50%/cover
}
#slider .block_slider{
  height:auto;
  text-align:center
}
#slider .slide div{
  float:none;
  display:inline-block;
  width:250px;
  margin:1px;
  transition:0.3s;
  background-size:100% 100%
}
#slider h1{
  margin-bottom:50px
}
#footer{
  background:url("../img/footer.jpg?v=1") no-repeat 50% 50%/cover;
  color:#fff;
  font-size:16px
}
#footer a{
  text-decoration:none;
  margin-right:20px;
  color:inherit
}
.checkbox{
  padding-bottom:20px;
  margin-top:10px
}
.checkbox a{
  color:inherit
}
input[type=checkbox]{
  display:none
}
.checkbox label:before{
  border-radius:5px
}
input[type=checkbox]+label:before{
  content:"\2713";
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  font-size:15px;
  color:transparent;
  text-align:center;
  line-height:15px;
  padding:0 3px;
  margin-right:10px;
  border:1px solid #777474
}
input[type=checkbox]:checked+label:before{
  content:"\2713";
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  font-size:15px;
  color:#C34DB6;
  text-align:center;
  line-height:15px;
  padding:0 3px;
  margin-right:10px;
  border:1px solid #777474
}
.slider{
  display:table;
  margin:0px auto
}
#slide_1{
  display:block
}
.slide div{
  height:292px;
  margin:1px;
  transition:0.3s;
  background-size:100% 100%;
  position:relative
}
.slide div:hover{
  background-size:115% 115%
}
.slide div div{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  background-color:rgba(0,0,0,0.5);
  background-image:url("../img/zoom.png?v=1");
  background-size:auto !important;
  background-repeat:no-repeat;
  background-position:50% 50%;
  opacity:0
}
.slide div div:hover{
  opacity:10
}
.tables{
  padding-bottom:59px
}
.tables h1{
  text-align:center;
  color:#4e4d4d;
  font-size:29.5px
}
.in_tables{
  width:1060px;
  margin:0px auto
}
.in_tables a{
  display:block;
  float:right;
  height:19px;
  background-image:url("../img/icon_download.png?v=1");
  background-position:center left;
  background-repeat:no-repeat;
  padding-left:29px;
  color:#4b4141;
  font-size:16px;
  line-height:22px;
  margin-bottom:14px
}
.in_tables a:hover{
  text-decoration:none
}
.line_tables{
  margin-bottom:11px
}
.line_tables div:first-child{
  height:auto;
  line-height:1.4;
  padding:10px;
  background-color:#4193bd;
  clear:both;
  color:white;
  font-size:22px;
  padding-left:69px;
  cursor:pointer;
  transition:0.3s
}
.line_tables div:first-child p{
  font-size:28px
}
.line_tables div:first-child:hover{
  background-color:#357799
}
.line_tables div img{
  position:absolute;
  margin:27px 0px 0px -51px;
  transition:0.7s;
  transform:rotate(0deg)
}
.line_tables div img.image{
  margin:10px 0px 0px -51px
}
.container_table{
  overflow:hidden;
  display:none
}
.line_tables table{
  border-spacing:0px;
  width:100%;
  color:#454545;
  font-size:14px;
  line-height:17px
}
.line_tables table .costoforder{
  background:#F2F2F2
}
.line_tables table th{
  font-weight:normal;
  height:35px;
  vertical-align:middle;
  font-size:16px;
  padding:5px 10px
}
.line_tables tr:first-child th{
  height:40px;
  font-size:15px
}
.line_tables td{
  height:50px;
  text-align:center;
  vertical-align:middle;
  padding:5px 10px
}
.line_tables td:first-child{
  white-space:nowrap
}
.line_tables td img{
  position:static;
  margin:0px 10px -3px 0px
}
.first_td{
  padding-left:24px !important;
  padding-right:13px !important;
  text-align:left !important
}
.bg_blue_1{
  background-color:#99cff1
}
.bg_blue_2{
  background-color:#95c8e8
}
.bg_blue_3{
  background-color:#88bcdd
}
.bg_gray_1{
  background-color:#f7f7f7
}
.bg_gray_2{
  background-color:#f2f2f2
}
.button_tables{
  clear:both;
  width:340px;
  height:59px;
  border-radius:50px;
  background:linear-gradient(to top, #08AE05, #39A206, #61E527);
  font-weight:bold;
  border-bottom:solid 3px #3ca03c;
  cursor:pointer;
  margin:58px auto 0px auto;
  text-align:center;
  color:white;
  font-size:24px;
  line-height:61px;
  transition:0.3s
}
.button_tables:hover{
  background:linear-gradient(to bottom, #08AE05, #39A206, #61E527)
}
.button_tables:hover{
  background-color:#3eb53e
}
.info_table{
  text-align:center;
  font-size:16px;
  padding:10px 0px 0px 0px
}
.form form{
  width:360px;
  box-shadow:0px 1px 4px rgba(10,10,10,0.6);
  margin:0 auto;
  float:right;
  padding:0;
  border-radius:0px;
  background-color:transparent;
  text-align:center;
  position:relative;
  background:radial-gradient(#fff, #ddd)
}
.form form .head{
  padding:30px 20px;
  text-align:center;
  border-radius:0;
  position:relative;
  z-index:2;
  padding-bottom:0
}
.form form .head .title{
  font-size:24px;
  font-weight:900
}
.form form .head .text{
  font-size:20px
}
.form form .head:after{
  content:'';
  position:absolute;
  z-index:999;
  width:31px;
  height:19px;
  left:47%;
  left:calc(50% - 15px);
  background:url("../img/ygol.jpg?v=1?v=1") no-repeat 50% 50%/cover;
  bottom:-19px
}
.form form .content{
  padding:0 15px 15px 15px
}
.form form .content .text{
  color:#472a14;
  font-size:18px;
  padding-top:30px
}
.form form .content label{
  font-size:14px;
  color:#472a14;
  float:left
}
.form form .content label:first-child{
  padding-top:20px
}
.form form .content .border{
  padding:0 20px 20px 20px
}
.form form p.data{
  font-size:12px;
  color:#472a14;
  margin-top:5px
}
.form form input{
  font-size:18px;
  padding:15px;
  border:none;
  box-shadow:0px 1px 3px rgba(10,10,10,0.2) inset;
  height:52px
}
.form form input[type="submit"]{
  background:#00BFF2;
  font-weight:900;
  font-size:26px;
  padding:0px 20px;
  border-bottom:5px solid #0099CF;
  width:auto;
  margin:15px auto;
  border-radius:10px;
  transition:ease .3s;
  box-shadow:0px 4px 8px rgba(10,10,10,0.5),inset 0px 2px 0px rgba(255,255,255,0.4);
  -moz-box-shadow:0px 4px 8px rgba(10,10,10,0.5),inset 0px 2px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow:0px 4px 8px rgba(10,10,10,0.5),inset 0px 2px 0px rgba(255,255,255,0.4)
}
.form form input[type="submit"]:hover{
  background:#0dccff
}
.discount,.percent{
  color:red;
  font-size:18px
}
.order_cost{
  color:#454545 !important;
  font-size:18px;
  font-weight:bold
}
#s03 table .btn{
  text-decoration:none;
  margin-bottom:0;
  line-height:0;
  padding-left:0;
  background-image:none;
  float:none;
  height:auto;
  background:#72BA53;
  box-shadow:0px 4px 5px #A1D48B;
  padding:20px 35px;
  font-size:18px;
  color:#fff;
  font-weight:bold;
  position:relative
}
#s03 table .btn:hover{
  bottom:-1px
}
#s03 table input{
  width:50%
}
#s03 .title{
  font-size:30px;
  margin-top:20px
}
#order,#order2{
  background:#fff;
  width:340px;
  padding:20px;
  box-shadow:0px 0px 6px rgba(0,0,0,0.5);
  position:fixed;
  top:0%;
  right:100px;
  text-align:left;
  display:none;
  z-index:999
}
#order .product,#order2 .product{
  text-align:left;
  margin-bottom:5px;
  max-height:200px;
  overflow-y:scroll
}
#order .product>p,#order2 .product>p{
  position:relative
}
#order .nazvanie,#order2 .nazvanie{
  font-size:14px
}
#order .cena,#order2 .cena{
  font-size:16px;
  padding-left:15px;
  font-weight:bold
}
#order .close,#order2 .close{
  position:absolute;
  right:0;
  top:0;
  cursor:pointer
}
#order .btn,#order2 .btn{
  text-decoration:none;
  margin-bottom:0;
  line-height:0;
  padding-left:0;
  background-image:none;
  float:none;
  height:auto;
  background:#72BA53;
  box-shadow:0px 4px 5px #A1D48B;
  padding:12px 35px;
  font-size:18px;
  color:#fff;
  font-weight:bold;
  position:relative
}
#order .btn:hover,#order2 .btn:hover{
  bottom:-1px
}
#order .stoimost,#order .kolichestvo,#order .percent,#order2 .stoimost,#order2 .kolichestvo,#order2 .percent{
  display:none
}
#order2{
  display:block
}
@-webkit-keyframes modalComeIn{
  0%{
      visibility:hidden;
      opacity:0;
      -moz-transform:scale(0.8, 0.8);
      -ms-transform:scale(0.8, 0.8);
      -webkit-transform:scale(0.8, 0.8);
      transform:scale(0.8, 0.8)
  }
  65.5%{
      -moz-transform:scale(1.03, 1.03);
      -ms-transform:scale(1.03, 1.03);
      -webkit-transform:scale(1.03, 1.03);
      transform:scale(1.03, 1.03)
  }
  100%{
      visibility:visible;
      opacity:1;
      -moz-transform:scale(1, 1);
      -ms-transform:scale(1, 1);
      -webkit-transform:scale(1, 1);
      transform:scale(1, 1)
  }
}
@-moz-keyframes modalComeIn{
  0%{
      visibility:hidden;
      opacity:0;
      -moz-transform:scale(0.8, 0.8);
      -ms-transform:scale(0.8, 0.8);
      -webkit-transform:scale(0.8, 0.8);
      transform:scale(0.8, 0.8)
  }
  65.5%{
      -moz-transform:scale(1.03, 1.03);
      -ms-transform:scale(1.03, 1.03);
      -webkit-transform:scale(1.03, 1.03);
      transform:scale(1.03, 1.03)
  }
  100%{
      visibility:visible;
      opacity:1;
      -moz-transform:scale(1, 1);
      -ms-transform:scale(1, 1);
      -webkit-transform:scale(1, 1);
      transform:scale(1, 1)
  }
}
@keyframes modalComeIn{
  0%{
      visibility:hidden;
      opacity:0;
      -moz-transform:scale(0.8, 0.8);
      -ms-transform:scale(0.8, 0.8);
      -webkit-transform:scale(0.8, 0.8);
      transform:scale(0.8, 0.8)
  }
  65.5%{
      -moz-transform:scale(1.03, 1.03);
      -ms-transform:scale(1.03, 1.03);
      -webkit-transform:scale(1.03, 1.03);
      transform:scale(1.03, 1.03)
  }
  100%{
      visibility:visible;
      opacity:1;
      -moz-transform:scale(1, 1);
      -ms-transform:scale(1, 1);
      -webkit-transform:scale(1, 1);
      transform:scale(1, 1)
  }
}
.popup-bg{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  background-color:rgba(255,255,255,0.8);
  display:none
}
.popup-bg.visible{
  display:block;
  -moz-animation:modalComeIn ease 0.2s;
  -webkit-animation:modalComeIn ease 0.2s;
  animation:modalComeIn ease 0.2s
}
.popup-bg .popup{
  width:400px;
  background-color:#fff;
  position:relative;
  top:10%;
  margin:0 auto;
  font-family:"Roboto", sans-serif;
  box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
  border-radius:5px;
  overflow:hidden;
  display:none
}
.popup-bg .popup.visible{
  display:block
}
.popup-bg .popup .head{
  background-color:#f8f8f8;
  font-weight:300;
  text-align:center;
  font-size:2rem
}
.popup-bg .popup .head .close{
  position:absolute;
  font-size:32px;
  width:30px;
  height:30px;
  line-height:30px;
  right:5px;
  top:5px;
  color:#ddd;
  cursor:pointer;
  overflow:hidden
}
.popup-bg .popup .head .close:hover{
  color:#bbb
}
.popup-bg .popup .head,.popup-bg .popup .content{
  padding:25px 40px
}
.popup-bg .popup .content{
  padding-bottom:30px
}
.popup-bg .popup p{
  margin-top:0;
  text-align:center;
  font-size:1.2rem
}
.popup-bg .popup input,.popup-bg .popup textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:4px;
  padding:15px;
  box-sizing:border-box;
  margin:5px 0;
  font-size:1rem;
  font-family:"Roboto", sans-serif;
  outline:none;
  box-shadow:none;
  min-height:51px
}
.popup-bg .popup form{
  border:none
}
.popup-bg .popup textarea{
  resize:vertical
}
.popup-bg .popup input[type='submit']{
  font-size:18px;
  font-weight:bold;
  color:#fff;
  background:linear-gradient(to top, #08AE05, #39A206, #61E527);
  cursor:pointer;
  border-radius:4px;
  box-shadow:0px 4px 5px rgba(64,146,15,0.5);
  position:relative;
  border:none
}
.popup-bg .popup input[type='submit']:hover{
  background:linear-gradient(to bottom, #08AE05, #39A206, #61E527);
  bottom:-1px
}
.popup-bg .popup input:focus:invalid:focus:not([type='submit']),.popup-bg .popup textarea:focus:invalid:focus{
  box-shadow:0px 0px 4px RGBA(255, 0, 0, 0.4);
  border:1px solid #f00
}
.popup-bg .popup input:focus:valid:focus:not([type='submit']),.popup-bg .popup textarea:focus:valid:focus{
  box-shadow:0px 0px 4px RGBA(0, 255, 39, 0.4);
  border:1px solid #0f0
}
table th p{
  width:50%;
  display:inline-block;
  padding:5px;
  font-size:13px;
  border:1px solid grey;
  margin-top:0
}
table th .m{
  border-right:0px
}
table th p.first{
  width:100%;
  border:none;
  background:yellow;
  margin-top:0
}
table .number{
  color:inherit !important
}
table .thorder{
  padding:0 !important
}
table .bg_gray_1,table .bg_gray_2{
  position:relative
}
table .bg_gray_1 input,table .bg_gray_2 input{
  width:48% !important
}
table .bg_gray_1 input:first-child,table .bg_gray_2 input:first-child{
  float:left !important
}
table .bg_gray_1 input:nth-child(2),table .bg_gray_2 input:nth-child(2){
  float:right !important
}
#s03 tr td:nth-child(4){
  padding-left:0;
  padding-right:0
}
#s03 tr td:nth-child(4):before{
  content:"";
  position:absolute;
  width:1px;
  height:50px;
  left:calc(50% - 0px);
  background:#e4e1e1;
  top:0
}
@media all and (max-width: 800px){
  iframe{
      height:400px
  }
}
@media all and (max-width: 640px){
  iframe{
      height:300px
  }
}
@media all and (max-width: 480px){
  .mt9,.mt8,.mt7,.mt6,.mt5,.mt4,.mt3,.mt2{
      margin-top:10px
  }
  .mb9,.mb8,.mb7,.mb6,.mb5,.mb4,.mb3,.mb2{
      margin-bottom:10px
  }
  iframe{
      height:250px
  }
}
/*# sourceMappingURL=style.css.map */