body {padding:0;margin:0;background:#ffffff;background:url(img/background.gif);}
img,table {border-width:0; max-width: 100%;}
table {width:100%;}
td,a,div,input,textarea {font-size:12px;font-family:verdana;color:#022554;}
p {font-size:12px;font-family:verdana;color:#022554;text-align:justify;}
td {vertical-align:top;text-align:left;}
a {text-decoration:none;color:#0080ed;font-size:14px;font-weight:bold;}
a:hover {color:#535353;}
h1, h2 {font-size:16px;font-weight:bold;color:#0066CE;text-align:left;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#40B3F8;}
h3 {font-size:15px;font-weight:bold;color:#0066CE;text-align:left;border-bottom:1px dotted #40B3F8;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;	content: '';}
.clearfix:after {clear: both;}

.all-wrapper{max-width: 1000px;    background: #ffffff; margin: 0 auto;}
.height {/*height:100%;*/}
.width {width:100%;}
.top {height:132px;background:url(img/top-background.jpg);}
.top div {background:url(img/top-right.jpg) right no-repeat;width:100%;/*height:100%;*/}

.menu {height:31px;background:url(img/upmenu-background.jpg);}
.menu .button {text-align:center;width:100%;}

.title {height:57px;background:url(img/title-background.jpg); text-align: center; position: relative; margin-top: 10px;}
.title:before{left: 0; content: ""; width: 20px; background:url(img/title-background-left.jpg) no-repeat top left; height: 57px; position: absolute;}
.title:after{right: 0; content: ""; width: 28%; background:url(img/title-background-right.jpg) no-repeat top right; height: 57px; position: absolute;}
.title .text {background:url(img/titletext-background.jpg);text-align:right;    padding: 0px 50px 0px 30px; display: inline-block;
  margin-top: 5px;     height: 20px; display: inline-block; position: relative; z-index: 50;}
.title .text:before{content: ""; width: 13px; display: inline-block; background:url(img/titletext-right.png) no-repeat; height: 20px;left: -12px; position: absolute;}
.title .text:after{ content: ""; width: 8px; display: inline-block; background:url(img/titletext-left.png) no-repeat; height: 20px; top: 0;
    right: -7px; position: absolute;}
.title .text img {margin:0 5px 0 0;}
.title .text h1 {font-size:11px;font-weight:normal;display:inline;color:#0171a6;text-transform:uppercase;}

.content {
	 display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row ;
    -moz-flex-direction: row ;
    -ms-flex-direction: row ;
    flex-direction: row ;
}
.content .text.main{position: relative;}
.content .text.main:after{content: ""; top: 0;  position: absolute; width: 28px;
background: url(img/text-right-background.jpg); height: 100%; right: 0;
background: url(img/text-right-up.jpg) top;
}

.content .leftmenu div{     align-content: stretch; flex-grow: 0; }   
.content .leftmenu .signal {background:url(img/right-border.gif) right repeat-y; }
.content .leftmenu .news {background: url(img/right-border.gif) right repeat-y;   display: flex;
flex-direction: column;
align-content: stretch; 
justify-content: stretch; 
align-items: stretch; 
align-content: stretch; 
flex-grow:3;}
.content .leftmenu .background {background:url(img/news-left.jpg) left top no-repeat;padding:10px 0 0 40px;}
.content .leftmenu .background table {height:auto;}
.content .leftmenu .background .date {width:47px;text-align:right;color:#0066ce;font-size:10px;padding:5px 5px 5px 20px;}
.content .leftmenu .background .date span {color:#899092;font-size:13px;}
.content .leftmenu .background .text {padding:5px 8px 0 5px;color:#282828;}
.content .leftmenu .contact {height:133px;background:url(img/contact.jpg);text-align:right;padding:40px 10px 0 50px;text-transform:uppercase;font-size:10px;color:#4ea2d2;}
.content .leftmenu .contact span {color:#a4a7a8;}
.content .leftmenu .contact div {color:#4ea2d2;padding:10px 0 0 0;}
.content .leftmenu .contact .telephone {color:#00a1fe;font-size:15px;}
.content .centerseparator {width:87px;background:url(img/center-background.jpg) top no-repeat;vertical-align:bottom;float: left; height: 100%;}
.content .main {float: right; width: 60%;  position: relative;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  flex-direction: column;
  align-items: stretch; /* align items in Cross Axis */
  align-content: stretch; /* Extra space in Cross Axis */
}
.content .text .top {background:url(img/text-up-background.jpg);height:24px;}
.content .text .top div {background:url(img/text-up-left.jpg) no-repeat left;/*height:100%;*/}
.content .text .top div div {background:url(img/text-up-right.jpg) no-repeat right;/*height:100%;*/}
.content .text .text {/*height:100%;*/border-right:1px solid #d2d4d7;background:url(img/text-left-background.jpg) left repeat-y;padding:5px 30px 20px 40px;  position: relative; align-items: stretch;
    align-content: stretch;  flex-grow: 3;     text-align: justify;} 
.content .text .bottom {background:url(img/text-down-background.jpg) bottom repeat-x;height:17px; position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;}
.content .text .bottom div {/*height:100%;*/background:url(img/text-down-right.jpg) right no-repeat;}
.content .text .bottom div div {/*height:100%;*/background:url(img/text-down-left.jpg) left no-repeat;}
.content .right { position: absolute; width: 28px;background: url(img/text-right-background.jpg); height: 100%; right: 0;}
.content .right div {/*height:100%*/ background:url(img/text-right-up.jpg) top no-repeat;}
.content .right div div {/*height:100%;*/background:url(img/text-right-down.jpg) bottom no-repeat;}

.seo {background:url(img/seo-background.jpg);height:42px;max-width:1000px;margin:0 auto;}
.seo div {height:100%; background:url(img/seo-left.jpg) left no-repeat;}
.seo div div {/*height:100%;*/background:url(img/seo-right.jpg) right top no-repeat;padding:5px 0 0 40px;color:#afacae;font-size:10px;}

.bottom {background:url(img/down-text-background.jpg);height:59px;max-width:1000px;margin:0 auto;}
.bottom div {/*height:100%;*/background:url(img/down-text-right.jpg) right no-repeat;}
.bottom div div {/*height:100%;*/background:url(img/down-text-left.jpg) left no-repeat;}
.bottom div div .copyright {color:#5badf3;vertical-align:middle;padding:0 0 0 21px;font-size:10px;}
.bottom div div .copyright p {margin-bottom:5px;background-image:none;}
.bottom div div .copyright img {margin:0 5px 0 0;}
.bottom div div .banner {opacity:0.2;filter:alpha(opacity=20);padding:0 5px;height:31px;}
.bottom div div .anysite {text-align:right;padding:10px 12px 0 0;}
.bottom div div .anysite img {float:right;margin:0 0 0 5px;}
.bottom div div .anysite a, .bottom div div .copyright a {font-size:10px;color:#858482;}
.bottom div div .anysite a:hover, .bottom div div .copyright a:hover {color:#47a1fe;}

.new-prod img {margin:0 5px 10px 0;width:160px;}
.menu-list a span {display: none;}
.menu-list .signal{ display: none; }
.signal a span{ display: none; }
.open_menu{display: none;}
.open_side{display: none;}
.side{ float: left; }
.side, .app-side, .content .leftmenu{display: flex; flex-direction: column; align-items: stretch; align-content: stretch; flex-grow: 3; max-width: 296px;}
.date{ float: left; width: 47px; clear: left;}
.news-descr{ float: left; width: 70%; }
.copyright, .rating{ float: left; }
.menu-list .signal{ display: none; }
.menu-list {margin: 0; box-sizing: border-box;}
.centerImg a { display: inline-block; }
.main-bottom{background: url(img/text-down-background.jpg) bottom repeat-x;    height: 17px;}
.main-bottom div { height: 17px; background:url(img/text-down-right.jpg) 96% no-repeat;}
.main-bottom div div { height: 17px; background:url(img/text-down-left.jpg) left no-repeat;}

.main .select-index {border:1px dashed #bfcbda;border-left:0;border-right:0;padding:20px 0;margin:30px 0;}
.main .select-index .calc-delivery, .main .get-order {border:1px solid #dbdfe6;display:block;background:#f2f6fa;padding:15px 0;max-width:200px;text-align:center;font-weight:normal;cursor:pointer;}
.main .select-index .calc-delivery:hover, .main .get-order:hover {border:1px solid #244992;background:#244992;color:#ffffff;}
.main .select-index p.text {margin:0 0 10px 0;color:#0068d3;font-size:15px;}
.main .select-index p {display:flex;margin-top:10px;align-items:center;}
.main .select-index input[type="number"] {font-size:15px;padding:5px 15px;margin-left:15px;}
.main .select-index input[type="radio"] {margin:0 15px 0 0;}
.main .order-form {margin:50px 0 0 0;}

.main .delivery-text {font-size:14px;background:#f8f8f8;padding:25px;}
.main .delivery-text b {font-size:18px;color:#0060c3;}

.main .order-send {font-size:16px;color:#0060c3;}
.main .order-send strong {margin:20px 0 0 0;display:block;}





@media (max-width: 1020px) {
  .top{background: linear-gradient( rgb(251, 252, 255),rgb(235, 243, 254) 50%, #e8f0fd 97%,  #fffeff);}
  .open_menu{ background-color: #0080ed; border: 1px double #0030a7; display: block; position: absolute; top: 8px; right: 10px;  
    padding: 9px 8px 3px; z-index: 100; width: 48px; height: 48px;  transition-duration: 0.4s;     box-shadow: 1px 1px 2px #0030a7;}
  .open_menu:hover, .open_menu:active { background: #0030a7; transition-duration: 0.4s; }
  .open_menu span { background: #fff; display: block; height: 4px; margin-bottom: 6px; width: 30px; outline: none; }
  .menu-wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 150; padding: 0; }
  .menu--visible {pointer-events: auto; }
  .app-menu { color: #000; position: relative; max-width: 200px; width: 90%; height: 100%;
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);-webkit-transform: translateX(-103%);
   -ms-transform: translateX(-103%); transform: translateX(-103%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
   display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column;
   flex-direction: column;will-change: transform; z-index: 160; pointer-events: auto; overflow-x: hidden;
  background: rgb(251,252,255);
  background: linear-gradient(to right, #ececec 0%,rgba(235,243,254,1) 50%,rgb(247, 252, 255) 100%); }
  .menu--visible .app-menu {-webkit-transform: none; -ms-transform: none;   transform: none;  }
  .menu--animatable .app-menu {  -webkit-transition: all 130ms ease-in;  transition: all 130ms ease-in;  }
  .menu--visible.menu--animatable .app-menu {  -webkit-transition: all 330ms ease-out;    transition: all 330ms ease-out;  }
  .menu-wrap:after { content: '';    display: block;    position: absolute;  left: 0;  top: 0;    width: 100%;
    height: 100%; background: rgba(0, 0, 0, 0.4);  opacity: 0;  will-change: opacity; pointer-events: none;
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);  }
  .menu--visible.menu:after { opacity: 1; pointer-events: auto; }
  .menu-list { padding-left: 0; margin: 0;}
  .menu-list li{    padding-left: 10px; box-sizing: border-box;  }
  .menu-list a img {display: none;}
  .menu-list a span {display: block; font-family:Verdana, Arial, sans-serif; color: #0030a7; text-transform: uppercase;
    text-shadow: 1px 1px 2px #72e0d6, 0 0 1em #fff;padding: 10px 20px;
    text-align: left;   border-bottom: 1px inset #9ccdef;  box-shadow: 1px 0px 1px #aed5f4;font-size:11px;}
  .menu-list a span:hover{ color: #0080ed;     background: linear-gradient(#c0e7fb, transparent, transparent, #dbf0fc);}
  .bottom{ height: 115px; background: none;text-align: center; }
  .copyright,  .rating{ float: none; }
  .bottom div div .copyright p{ text-align: center; }
  .bottom div div .anysite{ text-align: center;    padding-bottom: 10px; }
  .bottom div div .anysite img{ float: none;  margin: 0;  margin-bottom: -5px; }
  .bottom div div, .bottom div { background: none; }
  .bottom .height{ background: #fbfcff;
  background: -moz-linear-gradient(left, #fbfcff 0%, #f3f3f3 50%, #fbfcff 100%);
  background: -webkit-linear-gradient(left, #fbfcff 0%,#f3f3f3 50%, #fbfcff 100%);
  background: linear-gradient(to right, #fbfcff 0%,rgba(235,243,254,1) 50%,  #fbfcff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcff', endColorstr='#e7eeff',GradientType=1 ); }
  .content .text.main{ float: right; }
  .menu-list .signal{  display: block;max-width: 140%; margin-left: -20px;  }
}
@media (max-width: 900px) {
  .content .centerseparator{ width: 20px; }
  .top div{ background: none; }
}

@media (max-width: 790px) {
.title {height:15px;margin-top:15px;}
  .content .leftmenu{ width: 245px; }
  .open_side{ display: block; position: absolute; max-width: 48px; max-height: 48px; top: 65px; border: 1px double #0030a7;  
   padding: 10px 0px 6px 10px; background-color: #0080ed; right: 10px; outline: none; transition-duration: 0.4s;  box-sizing: border-box;   box-shadow: 1px 1px 2px #0030a7;}
  .open_side:hover{ background: #0030a7; transition-duration: 0.4s;}
  .open_side span { margin-bottom: 4px;  background: #fff;  outline: none; width: 6px; height: 6px; margin-right: 4px; float: left;box-sizing: border-box; }
  .side { position: fixed; left: 0;  top: 0; margin: 0 auto; bottom: 0; width: 100%; height: 100%; overflow: hidden;  
    pointer-events: none; z-index: 350; }
  .side--visible {pointer-events: auto; }
  .app-side { background: linear-gradient(#fbfcff, #ebf3fe, #e7eeff); padding-left: 0px; color: #000;  position: relative; max-width: 245px; 
    width: 90%; height: 100%; overflow-y: auto; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); -webkit-transform: translateX(-103%); 
    transform: translateX(-103%); display: flex;  flex-direction: column; will-change: transform; z-index: 160; pointer-events: auto; 
    background: rgb(251,252,255);
    background: linear-gradient(to right, #ececec 0%,rgba(235,243,254,1) 50%,rgb(247, 252, 255) 100%); }
  .app-side .col-xs-4 {width: 100%; padding: 0;}
  .side--visible .app-side { -webkit-transform: none;  transform: none; }
  .side--animatable .app-side { transition: all 130ms ease-in; }
  .side--visible.side--animatable .app-side { transition: all 330ms ease-out; }
  .side:after { content: '';  display: block; position: absolute; left: 0;  top: 0; width: 100%;  height: 100%; 
  background: rgba(0, 0, 0, 0.4); opacity: 0; will-change: opacity; pointer-events: none; transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }
  .side--visible.side:after { opacity: 1; pointer-events: auto; }
  .side {    max-width: 100%;}
  .signal a{display: block;}
  .signal a img{ display: none; }
  .signal a span{ display: block; font-family:Verdana, Arial, sans-serif; color: #0030a7; text-transform: uppercase; 
  text-shadow: 1px 1px 2px #72e0d6, 0 0 1em #fff;  padding: 10px 20px;
  text-align: left;   border-bottom: 1px inset #9ccdef;  box-shadow: 1px 0px 1px #aed5f4;font-size:11px;}
  .signal br+img{display: none;}
  .signal a span:hover{ color: #0080ed;     background: linear-gradient(#c0e7fb, transparent, transparent, #dbf0fc);}
  .content .leftmenu .signal{margin-bottom: -9px; z-index: 5; border-right: 1px solid #a8ceef; background: rgb(251,252,255);
    background: linear-gradient(to right, #ececec 0%,rgba(235,243,254,1) 50%,rgb(254, 254, 254) 100%);}
  .signal br{ display: none; }  
  .news embed{ width: 165px !important; }
  .content .leftmenu .news{ border-right: 1px solid #a8ceef; }
  .content .text.main{ width: 100%; margin-left: -20px; }
  .main-content embed { max-width: 100% !important; } 
  @-moz-document url-prefix()
  {
   .open_side{padding: 9px 0px 6px 7px;}
   .content .text.main{ margin-left: 0px; }
  }

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

.table-responsive { min-height: .01%;  overflow-x: auto;}
.table-responsive table { width: 550px; overflow-x: scroll;}
}

@media (max-width: 530px) {table{ max-width: 315px !important; }
video {width:100%;}
}

@media (max-width: 490px) {
@-moz-document url-prefix()
{
  .content{ display: block; }
  .content .text.main{width: 100%;display: block;  margin-left: -20px; position: relative;}
  .content .text .text{display: block;width: 100%;float: none;box-sizing: border-box;max-width: 100%;}
}
.content .text .text{display: block;max-width: 100%;margin: 0 1px}
.content .text.main{width: 100%;display: block;  margin-left: -20px; position: relative;}
.content .main-content img {width:90%;display:block;margin:3px auto;float:none;}
.content .main-content input {width:90% !important;overflow:hidden;display:block;margin:5px auto !important;}
.content .main-content embed {display:none;}
.content .main-content iframe {width:100% !important;max-width:100%;}
.flsh-container {display:none;}
.news {min-height:175px;}
}


@media (max-width: 390px) { 
  .main-content embed { width: 230px !important; } 
  .title .text{ padding: 0; }
  .rating{ height: 80px; }
  table{ max-width: 255px !important; }
}

@media (max-width: 360px) {
  img[src="img/logotype-left.jpg"]{ display: none; }
  form{ margin-left: -20px; }
  .price td { padding: 6px 2px !important; }
 
}