@charset 'utf-8';
/* CSS Document */

html, body, p, div, span, h1, h2, h3, h4, h5, h6, a, font,  strong, table, tr, th, ul {
margin:0 auto; padding:0px;}
h1{ clear:both}
h3{ float:left; margin-left:10%; width:90%}
/*если min-width:1000px меньше 1000 px,  то плывет полная версия*/
/*
html {background:#FFFFFF;   background-image:url(../blum/photo-head/fon-body.png), url(../blum/photo-head/fon-body.png);background-size: 2.5%; background-repeat:repeat-y; background-position:left, right;  }
*/
html {background:rgb(223, 223, 191);  }
.header_content{ display:none}
 
body{background:#FFF; font: normal 13px/1.5 Roboto,Arial,Helvetica,sans-serif; color: #313131; position:relative;  width:95%;  float:left; margin-left:2.5%}

.nolab{ display:none}
label{ float:left; margin:12px 0 0 0; }
/*Новое*/
header, div.head {float:left; margin-top:30px;  margin:0 0 0 2%;   width:96% }
.header{ float:left; position:relative; height:110px !important; overflow:hidden !important;/* background: url(img/fon-img.svg)  right  top no-repeat, #585858; background-size: auto 100%;*/  width: 71%; color:#FFFFFF;  font-size:18px ; text-overflow: ellipsis;/* position:absolute; top:0; left:0*/ }

/*#galereya { position:relative; padding:0; ; float:left; margin:0 0 0 0 !important;  overflow:hidden; height:150px;  width:65%;}*/



#header  p {margin:5px 0 0 2%; color:#FFF; overflow:hidden;  text-overflow: ellipsis }
.header h2{ color:#FFF; margin:10px 0 0 2%; font-size:20px}
.header  li {margin:0 0 0 2%; font-size:24px;}
.header  li:first-child{ margin:10px 0 0 2%; }
#vizitka{ float:left; width:26%; margin:10px 0 0 2%; padding:10px 8px 8px 8px;  border:#00C600 1px solid;   border-radius: 10px; color:#000000;  background: url(../agen_skript/img/logo-yandex-7.jpg) top left no-repeat; background-size: 90%; height:auto;}
#vizitka li {font-size: 13px; text-align: center; line-height: 1.6; margin-left: 33%;}
#vizitka li:last-child { margin-left: 20%;}
header nav .div_header, div.head nav .div_header {padding:5px 16px 5px 16px;}
#poisk{ float:left; width:30% !important; border:1px solid #008000; width:auto}
div#ya-site-form0{float:left; width:30%;  }
.ya-site-form_inited_no { display: none; }
h2.main{ font-size:20px; margin:20px 0 0 0 }
/*#top-blue_buttons-mobil, #blue_buttons-mobil{ display: none}*/
#top-blue_buttons-mobil{ display: none}*/

/*--------------------------------------------------------------------------------------*/






nav{ display:block; float:left}

/* кнопки скидок на страницах с BLUM */
#skidka_blum { float:left; width:90%;  margin:20px 0 10px 5% }
.a-btn-3 {
        color: #FFFFFF;
        text-decoration: none;
        font-family: 'Oswald',Arial,sans-serif;        
}
.a-btn-3{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
   /* padding-left:20px;
    padding-right:80px;      #0884FF*/
	padding:5px 0 5px 0 ;
   /* height:38px;*/
    display:block;
	 float:right;
      /*  margin: 50px 0 0 20% ;*/
        text-align:center;
        width:100%;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear; cursor:pointer;
	 
}
.a-btn-3-text{
    padding-top:5px;
   /* display:block;*/
        width:0px;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#FFF;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
	margin:0;
	text-align:center;
}
.a-btn-3:hover{
   /* padding-right:140px;*/
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a-btn-3:hover .a-btn-3-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#446388;
}
.a-btn-3:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}


 /*-------------------------------АВЕНТОС----------------------------------------------------------------------------------------------*/
main h1.kessebohmer{font-size:22px}
h1 { padding:0;  color:#828282; font-size:22px; line-height:1.1; margin:20px 0 13px 0; width:71%}
main h1, h2.main, div.main{ float:left; width:100%;  font-size:18px; color:#585858; }
main article>h2, div.main article>h2{ float:left; width:96%; margin:20px 0 0 0; font-size:16px; color:#585858 }
/* p.main { font-size:13px; float:left; width:67%}*/
h1 span { font-size:26px}
br#mobil { display:none}
h2 { color:#585858; clear:both; font-size:15px; line-height: 1.4}
main h2, div.main h2 { float:left; margin:10px 0 10px 0; width:100%}
/*h2.main{ font-size:20px; margin:0}*/
/*img.main { width:30%; float:left; margin: -20px 3% 10px 0 ; height:auto }*/
main > img, div.main > img, details.main > img{ width:30%; float:left; margin: -0 3% 10px 0 ; height:auto }
main > a, div.main > a{ font-size:16px; }
main section, div.main section  { float:left; width:100%}
main section h2, div.main section h2 { margin:40px 0 10px 0; font-size:18px; width:98%}
main section p, div.main section p { margin:5px 0 5px 0; font-size:15px }
/*--------------------------------------ШРИФТЫ----------------------------------------------------------------------------------*/
a {font-size:14px}
a{text-decoration:none}:link,:visited{text-decoration:underline}
a img{border:0}
a:link, a:visited   {color: #0000FF;}
a:hover { color:#FF0000  }
a img {    border: 1px solid #FFF;   }         
a:hover img  {    border: 1px solid #0884FF;  }
ul{list-style:none}
ol,ul,li{padding:0}
/*-----------------------------------------------------------------------------------------------------------------------------*/
table a { font-size:12px}
div.skidka ul li span, div.skidka ul li {font-size:16px}
div.skidka ul li:first-child { font-size:13px}
/*------Навигация- основная-----*/
nav a{font-size:13px;}
nav{ margin:3px 0 0 0;  width:100%; white-space:nowrap; float:left; min-height:20px ;/* margin-left:-9%;*/}
#blue_buttons{white-space:normal}
/*ul.navigasiya:first-child{ margin-top:0px; }*/
nav:after{display:block;clear:both; content:' '}

.ul_menu{display:none; position:absolute;     padding:2px 2px 4px 2px; margin:-1px 0 0 0;border:0;background:#777; border-radius:0 0 5px 5px}
.ul_menu li:last-child{ padding-bottom:10px}
.ul_menu li {font-weight:normal;vertical-align:middle; line-height:2; color:#c1c8cb;  padding:0; }
.ul_menu li a {padding:0 8px 0 8px; display:block;text-decoration:none;color:#fff; text-align:left; margin-left:0px}
.ul_menu li a:link, .ul_menu li a:visited{color:#fff}
.ul_menu li:hover a:link, .ul_menu li:hover a:visited{color:#ccc}
.ul_menu li:hover a:focus{outline:0}




.div_header{ padding:0px 16px 0px 16px; color:#000000; font-size:13px; margin:4px 6px 4px 0px !important; background: linear-gradient(to top, #E0E0E0 20%, #EBEBEB  50%, #E0E0E0 80%); text-decoration:none !important; color:#000000 !important; cursor:pointer;  }
.div_header  img { vertical-align:middle; border:none !important      }
.span_title{font-size:13px; line-height:1.4;  color:#c1c8cb;  padding:0; margin:5px 0 5px 0; text-align:center }
.span_title a{ display:inline-block !important}


 
 /*________________________________Навигация для Доставка Гарантии О Продавце___________________________________________*/
.li_menu{float:left;line-height:30px; padding:0; position:relative;  }
.li_menu:hover   .ul_menu{display:block; z-index:200}
.li_menu{ margin-bottom:5px; margin-top:5px; height:30px}

.navigasiya{ float:left; width:40%; margin:0 0 0 10%}
[data-toggle=modal]{line-height:30px; cursor: pointer; color:#FFFFFF; background-color: #0884FF; padding:0 7px 0 7px;  margin:4px 1% 4px 1%; float:left}
[data-toggle=modal]:hover{ background:#ff4208}
.poiski svg{margin:5px 0 0 0; }
.poiski {  float:left; width:30% }
#ya-site-form0{float:left !important; width:100% !important}
 /*---------------------------Левая часть----------------------------------------------------------------------------*/
main table td, div.main table td {border:none }
main, div.main { width:68%;       float:left;  margin:0 0 0 2% }
div.main.page-main{ width:75%}

main table, div.main table {width:100%;   margin-left:0px; margin-top:15px  }

main table a, div.main table a { font-weight:normal}
main td a, div.main td a { margin-top:0px; display:inline-block  }
main table img, div.main table img{  clear:both; width:100%; height:auto; padding-bottom:0px }
/*main  img{ width:100%; }*/
/*---------------Поиск яндекс----------------------------------*/
main div table, div.main div table {margin-top:0px}
main #ya-site-form0 .ya-site-form__search-input, div.main #ya-site-form0 .ya-site-form__search-input  { padding:10px 0 0 5%}
 /*---------------------------Правая часть----------------------------------------------------------------------------*/
div.tabl_left { float:right; width:28.5%;  text-align:left; margin-top:65px;  }
div.tabl_left img { padding:0px; margin-top:10px}
 /*---------------------------Правая нижняя часть----------------------------------------------------------------------------*/
aside, article { float:left; width:28.5%;    margin:20px 0 0 1.5%   }
aside>a { float:left; width:94% !important; margin:20px 2% 0 2%; }

main article, div.main article { width:100%; margin:0}

article h2{ float:left; margin:10px 0 10px 2%   }
article p { float:left; }
article img { padding-bottom:0px; padding-top:10px}
 h2#videos{  margin-top:35px; }
article h2.videos{ display:inline-block; margin-top:15px; margin-bottom:5px;   }
article span.videos{ float:left; margin-top:7px;  }
article video {float: left; width: 95%; height: auto; border: none; margin: 10px 2% 20px 0; }



div.left_end {float:right; width:28.5%;  text-align:left; margin-top:70px; /* width:28.5%;  text-align:left; margin-top:70px; */ }
div.left_end #ramka_skidka h2 { width:95%; margin: 10px 0 10px 5%;}
#ramka_skidka_blum{background: #ff4208; font-size: 14px;margin:0 0 20px 0 }
#ramka_skidka_blum ul li:first-child {font-size: 16px !important; }


div.left_end ul { float:left; clear:none}

div.left_end img { padding-bottom:0px; padding-top:10px}
div.left_end h2.videos{ display:inline-block; margin-top:15px; margin-bottom:5px;   }
div.left_end span.videos{ float:left; margin-top:7px;  }

article video { margin:10px 0 20px 5%; width:80%}
/*------------------------------------------------------------------------------------------------------------------------*/
table          {border-collapse:collapse;}

#mobinon { display:block}
/*----------------------Скидка-------------------------------------------------------------------------------------------------------*/
div.skidka { float:left;  margin:0 3% 0 0;  width:97%; display:block;   padding:0px; background:linear-gradient(to right, #979797, #434343)}/*background:#9B9B9B;*/
div.skidka ul { line-height:1.6; margin:0 0 10px 6%; float:left}
div.skidka h2{ float:left ; margin:8px 0 0 6%; font-size:20px; color:#FFF}
div.skidka ul li { color:#FFF; padding-left:0; }
/*----------------------------------ВИЗИТКА 29.05.16-------------------------------------------------------------------------------------------*/
 div#vizitka + p{ border-bottom:none;  display:block;  text-indent:0px; text-align:center; }
 div.vizitka {width:95%; margin:10px 0 20px 0; padding:36px 8px 8px 8px;  border:#00C600 1px solid;   border-radius: 10px; color:#000000;  background: url(../agen_skript/img/logo-yandex-5.jpg) top left no-repeat; background-size: 90%; height:auto;   }
 div.vizitka p {float:none; clear:both;  border-bottom:none; font-size:13px; display:block; text-align:center; line-height:1.6; text-indent:0px; margin-left:30%}
div.vizitka p:first-child+p{ text-align:center; color:#E80000; font-size:14px}

/*----------------------------------Вопросы покупателей-------------------------------------------------------------------------------------------*/
.coment {width:94%; padding-bottom:20px; margin:20px 0 0 4% }
.coment   h2{ margin-left:4%; margin-top:10px; width:96%   }
.coment p { text-align:justify ; margin:5px 5% 0 5%  }
.coment p span{ font-weight:bold  }
.coment img{ width:90%; height:auto; margin-left:5%}
/* input#shop_skrit{margin-left:10px; margin-top:10px}*/
 
 input.vopros {
  border: 0px;
  background: none;
  cursor: pointer;
   float:right;   color:#3911B3; padding-left:0px; text-indent:0px; margin:10px 5% 0  auto
}
input.vopros:hover,input.submit:active{  text-decoration: underline;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
	.ramka {
	border: 1px solid #E7E6E6;
	float: left;
	padding: 5px 0 25px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1)
	}
	.ramka h2{ margin: 10px 0 0 4%; width:96% !important}
	aside > a.ramka{ padding:10px 5% 10px 5%;
 }

/*-------------------------------------Подвал----------------------------------------------------------------------------------------*/
footer{display: flex; flex-direction: row;   flex-wrap: wrap;}



footer{ float:left; padding:20px 0 50px 0; background:  #585858; color:#FFF; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between;  justify-content: space-around; margin:20px 0 0 0}
footer p{width:auto;  white-space: nowrap; padding-left:0; padding-right:2%  }
footer p:first-child { padding-left:2%}


form#mobil{ display:none; margin:0 auto; width:20%; text-align:center; margin-bottom: 50px; margin-top:5px }
form#mobil input {border: 0; background: none; color: #0000CC; text-decoration: underline; font-size:15px; font-weight:bold;cursor: pointer;   }
/*-------------------------------------------------------------------------------------------------------*/
.photolink {width:90%; float:left; text-align:left; position:relative; margin:20px 0 0 3% }
.photolink tr td:first-child + td p  {text-align:left; font-size:12px; color:#000000; line-height:1.5; margin-top:5px  }
.photolink tr td p span { font-size:11px  }
.photolink caption {  text-align:left; margin:0 0 8px 0;    font-size:16px; color:#585858; font-weight:bold; width:90%}
.photolink tr td a img { padding-top:0px; margin-bottom:4px; width:100%; height:auto}
.photolink tr td:first-child { width:30%; padding:7px 0 0 0}
.photolink  a:hover { color:#FF0000  }
.photolink  td a { float:left; height:auto;  overflow:hidden; padding:0; margin:0; width:100% ; font-weight:bold}
.photolink  td:first-child+td a{/*line-height:1; height:12px; */  }
.photolink  td:first-child+td{ padding:10px 0 0 5%; vertical-align:text-top;}
.photolink span { float:left; margin-top: 5px; font: normal 13px/1.5 Roboto,Arial,Helvetica,sans-serif; color: #313131;}


/*--------------------Рекламный блок-----------------------------------------------------------------------------------*/
div#aksiya { width:95%; padding:0 5% 20px 5%; margin:0px}
div#aksiya img{ width:100%; }
div#aksiya ul{ float:left; width:70% }
div#aksiya input { float:left; width:30%; height:30px }

table.akseccuary {width:85%; height:auto; float:left; text-align:left; margin-bottom:0px; margin-top:10px }
table.akseccuary span.selectbox{ width:60%; float:left; margin:0 0 -30px 8%; z-index:0}
table.akseccuary td { position:relative; text-align:center}
table.akseccuary td img { padding-top:0px; width:100%; float:left; margin:0 0 10px 0}
img#idchurup{ width:70%}
table.akseccuary td p {background:url(img/zvezda.png) left 0px top 5px no-repeat; color:#FFFFFF;  font-weight:bold;  height:80px; width:80px;   padding-left:0px; margin-bottom:10px; position:absolute; bottom:15px; right:20px;  padding-top:26px}
table.akseccuary form { width:25%}
table.akseccuary td form{position:absolute; bottom:3px; right:60px}
table.akseccuary a { font-weight:normal; margin-top:0px; margin-left:0px; float:left; line-height:0px ;  padding-bottom:20px  }
table.akseccuary  a:hover{ color:#FF0000;  }
table.top_akseccuaty tr td p { color:#FFFFFF;  height:80px; width:80px;  position:absolute; top:0; right:0px; font-size:15px; line-height:2    }
table.top_akseccuaty td form{position:absolute; top:85px; right:-5px}

#katalog_blum_ajax{ float:left; width:100%}
#katalog_blum_ajax input{ float:left; margin:0 0 0 2%; font-size:16px; background:url(../blum/skript/oblogka-kataloga-2024-2025.png)}
img.katalog_blum{ float:left; width:20%}
p.katalog_blum{ float:left; margin:0 3% 0 3%;  width:74%; font-size:14px; color:#000C00}

a.catalog {background:url(../blum/skript/oblogka-kataloga-2024-2025-2.png)  no-repeat;height: 50px; padding: 0px 0 0 60px; margin-top:10px;  float:left; line-height:1.5; text-align:left; width:100%}

/*------------------------------Для открытия увеличения--------------------------------------------------------*/
 img.lup {cursor:pointer; float:left;  margin:0px; padding:0px;   border: 1px solid #FFF;}
img.lup:hover  { border: 1px solid #0884FF;  /* Рамка при наведении на ссылку курсора мыши */   }
/*------------------------------ ---------------------------------------------------------*/

 div.asoortiment_kargo div{ float:left; width:25%; padding:0 0.8% 0 0.8%; margin: 0 0 10px 0;   overflow:hidden }
 
 div.asoortiment_kargo div.double{width:50%;}
 p.ramka_50{ background:none !important; color:#313131 !important; cursor: pointer; margin:0}
 
  ul.katalog{ float:left; margin:20px 0 10px 0 }
  ul.katalog a{ font-size:16px; font-weight:bold}
  
/*------------------------------------------GAMET---------------------------------------------------------------------------------*/
table.gamet  {table-layout: fixed; }
table.gamet tr td h2 { margin-top:0px; margin:0 auto; text-align:center; line-height:1.5; font-size:18px; }
table.gamet tr td {  padding:0; vertical-align:text-top; padding:5px 5px 0 5px }/*border:1px solid #343434;*/
table.gamet tr td h2.zag_ruchki{color:#585858; float:left; width:100%;  text-align:left; font-size:20px; padding-left:5%; margin:20px 0 20px 0; background-color:#EBEBEB   }
table.gamet tr td a.ruchki{ text-align:center; font-size:14px}
/*-----------------------------------------------------------------------------------------------*/
div#skidka_papa_karlo  { width:98%; margin-top:20px; padding-bottom:10px; margin-bottom:10px; display:block}
div#skidka_papa_karlo p { font-weight:bold; text-align:center; line-height: 1.2; }
div#skidka_papa_karlo img { width:80%; margin-left:8%; margin-top:0px}
div#skidka_papa_karlo a { float:left; font-size:14px; margin-left:5%}
div#skidka_papa_karlo a:last-child { margin-left:15%}
div#skidka_papa_karlo h2{  text-align:center; font-size:16px; padding:0; margin-top:5px; margin-bottom:10px}


span#info_skidka{ float:left; margin:10px 0 8px 0; font-size:14px; color:#0884FF; font-weight:bold; width:100%; padding:0}
a#a_poluch_kart_skidki{margin-left:30%}

table#dostavka_checkout  { width:79.6%; margin:10px 0 0 10.2%; padding:0px;box-sizing:  }
table#dostavka_checkout tr td { border: 1px solid  #001A00}
table#dostavka_checkout tr td:first-child { width:80%; padding:5px 0 5px 2%; font-size: 14px; color:#666; font-weight:bold}
div#result_form_pismo{color:#ff4208; font-size: 18px}
#skidka_papa_karlo{ display:block}

/*---------------------------------------------------------------*/
#korz_sk{ color:#00C600}
/*-------------новые стили для таблиц---------------*/

	

 .imaginfo { float:left; margin:10px 0 0 0; width:100%}
 .imaginfo details{ margin:0; width:100%}
 .imaginfo details.p_content{ margin:0; width:70%; float:left; margin-bottom:10px}
 .flex_img{ display: flex;  flex-direction: row; flex-wrap: nowrap;}
 .flex_img img{flex-grow: 1;  flex-basis: 0;  }

 .imaginfo img { margin:20px 2% 0 0; float:left; padding: 0;}
 .imaginfo a,  .imaginfo div { float:left;  margin:0 2% 0 0; font-size:13px}

 .imaginfo div img,  .imaginfo div a img,  .imaginfo div a, .imaginfo div.slide img:nth-child(1) { width:99%; height: auto;   }
 
 .imaginfo div a { margin:10px 0 0 0 }
 .imaginfo div a:nth-child(2) { margin-top:10px}
 .imaginfo a img {cursor: pointer; width:100%; }
 .imaginfo h2, .imaginfo h3{ float:left; width:100% !important; border:1px solid #ff4208; color:#585858; margin: 0 0 0 0; padding: 5px 0.5% 5px 1%; }
 .imaginfo h2 span { font-size:15px; float:left; margin:0}
 .imaginfo h2,.imaginfo h3, .imaginfo p, .imaginfo table  { width:70%; }
.imaginfo h2.vnutr { border: 1px solid #888888;  font-size: 15px; padding: 4px 3px 3px 10px }
 .imaginfo div:first-child h2{ width:100%; float:left; padding:3px 0 3px 2%; margin:0; font-size:14px}
/* div.dop_plus.imaginfo h2 span { float:none; font-size:18px}*/
 .imaginfo p { float:left; margin: 5px 0 5px 0; font-size:12px}
 .imaginfo table{ float:right; text-align:center; table-layout: fixed;}
 .imaginfo table tr:first-child td  { font-weight:bold}
 .imaginfo table tr td  { border:#666666 1px solid; padding: 5px 1% 5px 1%; font-size:13px}
/* .imaginfo table tr:nth-child(1) td:nth-last-child(2){ font-size:13px}*/
 .imaginfo table tr td:nth-last-child(2){color: #585858; font-weight:bold}
 .imaginfo table tr:nth-child(1) td{color: #313131;}
 .imaginfo table tr:nth-last-child(1) td input.vopros{ float:left; margin:5px 0 5px 3% }
 .imaginfo a,  .imaginfo img, .imaginfo div{ width:28%; height:auto}
 
 .imaginfo div:first-child{ float:right; width:70%; margin: 0 0 0 0; padding:3px 0 3px 1%; }
 .imaginfo div:first-child p{ float:left; width:auto;  font-size:12px; line-height: 1.4;  padding:0; margin:5px 0 0 0; text-align:left  }

 .imaginfo div img:nth-child(2){ width:60%; float:left; display:block; clear:both}
 .imaginfo div p{ float:left; width:100%; }
 .imaginfo div form { float:right; margin:5px 0 20px 0; font-size:16px}
 .imaginfo div form select{ font-size:16px}
 .imaginfo select{ margin-bottom:10px; clear:both}
 
 .imaginfo table tr.petli td { padding:5px 0 5px 0; text-align:left}
 .imaginfo table tr.petli td select { margin:3px 0 0 2%; width:46%; float:left; clear:none}
 .imaginfo table tr.petli td span.selectbox { float:left; width:55%; margin:0 0 0 0}
 .imaginfo table tr.petli td p { margin-left:2%; width:45%; float:left;  text-align:left}
 
 .imaginfo div.slide { width:28%}
 .imaginfo div.slide  img { width:100%; margin:20px 0 8px 0 }
 
 .imaginfo div.slide div { float:left; width:100%} 
 .imaginfo div.slide div img {clear:none; width:48.5%; margin:0 0 8px 3%; }
 .imaginfo div.slide div a  { width:48.5%; margin:0 0 8px 3%; }
 .imaginfo div.slide div img:nth-child(2n+1) { clear:none; width:48.5%; margin:0 0 8px 0; }
 .imaginfo div.slide div a img:nth-child(2n+1) { width:100% }

/*.color_lab{margin:10px 3% 0 7% }*/
p.p_innnotech { display:none}

p.p_dsp { display:block}
 
img[data-imagelightbox='d'], div.f_slide img{ cursor: url('../agen_skript/img/lupa_css.png'), pointer}

 div.non_imag table{ margin: 0 0 0 30% }
 div.non_imag p{ margin: 5px 0 5px 30% }



     .li_content{ float:left; font-size:13px; font-weight:bold;  float:left; width:65%; margin:0 0 10px 0  }

.vjsota{ float:left; margin:15px 0 0 2%;   }
/*---------------------------------------------------------------------------------------*/
 .top_content { float:left; width:100%; margin: 20px 0 20px 0 }
 .top_content img { width:30%; float:left; margin: 0 3% 10px 0 ; height:auto }
 .top_content img:nth-last-child(1) { width:65%; float:left; margin: 20px 0 0 2%  }
 
    .top_content details {display:block}
	.top_content details summary,.top_content details p{  float:none !important; width:auto !important}
	.top_content details summary{ margin:3px 0 3px 3%}

    main details, div.main details {display:block; margin:0 0 20px 0}
	main details summary,.top_content details p, div.main details summary,{  float:none ; width:auto }
	main details summary, div.main details summary{ margin:3px 0 3px 3%; }
	

summary{ float:left; width:97%; margin:5px 0 0 3%; color:#00F; cursor:pointer; border:none;/*list-style-type:none;*/ }
details :focus {
  outline: 0;
}

/*details summary::-webkit-details-marker { display: none;}*/

.pokaz_pokup:after{ content:"Подробнее"}
.skrit_pokup:after{ content:"Скрыть"}

.imaginfo div .pokaz_pokup:after, main article>.pokaz_pokup:after,  div.main article>.pokaz_pokup:after{ content:"Подробнее"}
.imaginfo div .skrit_pokup:after, main article>.pokaz_pokup:after, div.main article>.pokaz_pokup:after{ content:"Скрыть"}
main article>details, div.main article>details{ float:left; width:100%; margin: 5px 0 0 0}

.imaginfo div details summary { margin:0 0 5px 0}
.imaginfo div details p:last-child{ margin-bottom:10px }

.imaginfo .pokaz_pokup:after{ content:"Все размеры"}
.imaginfo   .pokaz_pokup:after{ content:"Подробнее"}

.imaginfo .instruksiya .pokaz_pokup:after{ content:"Инструкция"}
.imaginfo .skrit_pokup:after{ content:"Скрыть"}
.imaginfo .instruksiya .skrit_pokup:after{ content:"Скрыть"}


details.imag_info .pokaz_pokup:after{ content:"Подробнее"}
details.imag_info .skrit_pokup:after{ content:"Скрыть" !important }

/*
.imaginfo>details .pokaz_pokup:after{ content:"Подробнее"}
.imaginfo>details .skrit_pokup:after{ content:"Скрыть"}
*/
.imaginfo  details summary{ float:left; margin:8px 0 5px 30%} 
.imaginfo>details summary { margin: 0 0 5px 0 }

.imaginfo summary { margin:0 0 0 15%}

 
.instruksiya{ margin-left:0; width:28%}
.imaginfo .instruksiya summary { width:28%; margin:10px 0 0 0 }
.imaginfo .instruksiya img, .imaginfo .instruksiya h3 { width:95%; margin:0 2.5% 0 2.5%; border:none}
.instruksiya_clic{width:100%;/* margin:50px 0 0 30%*/}


.imaginfo details img {margin-left:20%; width:80%; height:auto}
 details.imag_info  {margin:10px 0 0 0; width:98%; float:left }
 details.imag_info img {width:100%; margin:0; height:auto}

/*-------------------------------------------------------------------------------*/
#indikator{ display:none;}

#slidek_1 {width:0%; height:auto; margin-top:-15px; margin-left:0px; float:left;  transition-property: width; transition-duration: 1s;   }

div.razmer img { margin:0 0 0 30% !important; width:70% !important; height:auto }
div#div_mebelchik a { text-decoration:none !important}
.add {
height: 30px;
width:30px;
font: 300 0/24px Roboto,Arial,Helvetica,sans-serif;	
border: 0 solid transparent;
border-radius: 3px;
box-shadow: 0 5px 10px rgba(157,7,12,.3),0 -2px 0 rgba(0,0,0,.25) inset;
color: #fff;	
max-width: 100%;
white-space: nowrap;
outline: 0;
transition: .3s;
vertical-align: middle;
display: inline-block;
text-transform: none;
position: relative;
cursor: pointer;
text-align: center;	
/*position: relative;*/
/*z-index: 3;*/
}
.add{   background-image:url(img/icon_kupit.svg), linear-gradient(to bottom,#ff4208,#bb141a) ; background-repeat:no-repeat; }
.add:hover{   background-image:url(img/icon_kupit.svg), linear-gradient(to bottom,#ff4208,#ff4208) ; background-repeat:no-repeat; box-shadow:none; }
.add:active{   background-image: linear-gradient(to bottom,#ff4208,#bb141a) ; background-repeat:no-repeat; }
/*.add_non{pointer-events: none;}*/
.add_non{ display:none}

/* кнопки скидок на страницах с BLUM */
#jcart table tr td{ border:1px solid #130100}
#skidka_blum { float:left; width:90%; margin-left:5%; margin-top:20px; margin-bottom:10px}
#h2_karta_ajax_form_blum,#karta_ajax_form_blum { display:none}
  span.modal_tel {color: #0000FF}
[name="jcartRemove"]{ border:none; background:none; color:#0000FF; cursor:pointer; font-size:12px; text-decoration: underline;}

td.aksiya{position:relative; background:none !important }
td.aksiya img{width:50% !important; position:absolute !important ; top:-50px !important }
/*----------------------------------JCART-------------------------------------------------------*/
/*----------------------------------JCART-------------------------------------------------------*/
#jcart{background:#FFFFFF; font-size:12px; position:absolute; z-index:2; overflow: hidden; width:29%; top:8px;  max-height:95%; right:0.5%; }
#jcart tbody { width:100%; color:#000; display:none; }
.itog{background-color:#FAFAFA}
#jcart tfoot { display:none}
.jcart{ display:inline-block; }
#jcart.otpusk_jcart{ display:block; overflow-y:auto; position:fixed; top:0; height:auto  } 
#jcart.otpusk_jcart tbody{ display:table}
#jcart.otpusk_jcart tfoot{ display:table-footer-group}
/*#jcart  #skrit { display:none}*/
/*#jcart  #pokaz { display:block}*/
/*#jcart.otpusk_jcart  #skrit { display:block}
#jcart.otpusk_jcart  #pokaz { display:none; }
*/
/*#jcart.otpusk_jcart  #skrit { display:block}*/
#jcart #skrit:before{ content:"показать"}
#jcart.otpusk_jcart #skrit:before{ content:"скрыть"}

/*.skrit:before{ content:"▲ Скрыть"}*/

#pokaz, #skrit/*, #skrit_mobil*/{text-align:right; font-size:12px;   color:#FFFFFF; position:absolute; top:0px; right:0px; width:100%; height:auto;  cursor: pointer;  padding:0 3% 30px 0}

.jcart-item-price .udalit{margin:0 auto;cursor: pointer;  display:inline-block;  color:#00F; border:none; text-decoration:underline; font-size:12px; }
#jcart table th {font-size:14px}
#jcart table th{ height:53px} 
input[id=jcart-checkout] {font-size:16px;}
#jcart table tr td{padding-left:2%}
 
 #jcart table  tr#ochisttit{ height:35px; text-align:left}
 #jcart table thead tr th  { background:url(../jcart/images/korzina.png) no-repeat top 100% left, linear-gradient(to right, #D6D6D6, #434343); background-repeat:no-repeat; font-weight:normal; color:#FFFFFF; border:1px solid; cursor: pointer; position:relative    }
 #jcart table tfoot tr th{border:1px solid; border-top:none !important;  background-color:#FAFAFA}
  #jcart table                    { width:100%; border:none; border-collapse:collapse; float:right;  }
#jcart .jcart-item-qty                 { width:15%; vertical-align:middle; text-align:left; padding-left:2% }

#jcart .jcart-item-qty  input   { margin-left:0px; width:80% ; font-size:14px; padding:2px 0 2px 8%;  }
#jcart .jcart-item-name         { width:65%;  vertical-align:middle;  }
#jcart .jcart-item-price        { width:21%;  text-align:left;  }
.jcart-item-price span          {display:block; }
#jcart-checkout {  padding: 1% 5% 1% 5%; text-align:center; vertical-align:middle;     }
input[id=jcart-checkout]{margin:0 auto;   width:auto;  height:auto; cursor: pointer; color:#FF0000; font-weight:500  } 
input[id=jcart-checkout]:hover{ color:#0080FF}
#jcart .dostavka{ display:none !important}

/*---------------------------------------------------------------------*/
 .itog tr td:first-child{ width:80% !important}
 .itog tr:first-child td{  border-top:none !important}
 .nohidd_span {display:inline-block!important}
 .nohidd_tr{ display:table-row!important}
 .hidd_tr{ display:none !important }
 
 .jcart-item-price span{ display:inline-block}
#ochistka tr td span::before { content: "Очистить козинку"}
.korzina_pusto th span::before { content: "Корзинка пуста"}
#jcart.nontovar .korzina_pusto th span::before { content: none}


.korzina_pusto th span{ font-size:16px; text-align:center}
#ochistka tr td span { float:left; font-size: 13px;  margin-left: 17%; font-weight:normal; color: #00F; text-decoration: underline; cursor:pointer}
#ochistka tr td{ padding:7px 0 7px 0; border-bottom:none !important; }
.jcart_title span.sum_kolich_tovar {display:inline-block;}

/*------------------------------------------------------------------------------------------------------------------------------------*/
input[id=prosmotr], input.prosmotr{margin:0 auto;cursor: pointer; background:none;  display:inline-block;  color:#00F; border:none; text-decoration:underline  } /*background: #ccffcc; */
input[id=prosmotr]:hover, input.prosmotr:hover{color:#F00}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
#knob{ width:auto !important; float:left}


a.petli:link, a.petli:visited, a.petli:hover, a.petli:active { float:left;
font-size:12px;
line-height:1.1;
font-weight:bold;
padding:7px 0px 5px 0px;
width:45%;
display:block;
text-decoration:none;
text-align:center;

background-color: #979797;
 border-color:#FFF;
 border-top-color:#CFCFCF; 
border-width:2px;
margin:5px 2.5% 5px 0
}
a.petli:link,a.petli:visited{border-style:outset; color:#FFFFFF;}	
a.petli:hover,a.petli:active{border-style:inset; color:#0000CC;}

.select {
    border: 1px solid #b1b1b1;
    padding: 5px;
    border-radius: 10px;
   /* margin: 0 0 20px;*/
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    outline: none; cursor:pointer;
	clear:none !important; 
	float:left; 
}
.select.mass{  width:80%; padding: 3px; margin:0 10% 0 10% !important }
.select.tbl{  margin:10px 0 10px 2% !important }
.select.aventos{  width:80%; padding: 3px; margin:0 10% 10px 0 !important }
/*#zagluhka p {  width:15%}*/
.select.petli{ width:50% !important; margin:3px 0 3px 0 !important }
.select.suhki{  width:100%; padding: 3px; margin:5px 0 0 0 !important }
.select.dc{ width:10%; margin:10px 0 10px 2% !important }

                    /*--------------------- Страницы SQL--------------------*/
.skrit_img_div{display:none;}
.pokaz_img_div{ display:block}
.skrit_select{display:none}
.pokaz_select{display: table-row}
 .pokaz_img, .skrit_img, .pokaz_img_pt, .pokaz_img_katalog  { float:left; color:#3911B3; font-size:12px;  cursor:pointer; margin-top:10px}
 .pokaz_img_pt span, .skrit_img_pt span, .pokaz_img_katalog span, .skrit_img_katalog span{ color:#303030; font-size:14px; }
 .otvetka{margin-top:0}

.pokaz_img_div, .skrit_img_div{ margin-top:10px; width:100% !important; }
.pokaz_img_div img, .skrit_img_div img{ width:100% !important; height:auto }
.pokaz_img:before, .pokaz_img_pt:before, .pokaz_img_katalog:before{ content:"▼\00a0Подробнее"}
.skrit_img:before, .skrit_img_pt:before, .skrit_img_katalog:before{ content:"▲\00a0Закрыть"}
div.skl_table table tr:nth-child(1) td:nth-last-child(2){ font-size:13px; font-weight:bold}
div.skl_table table tr td:nth-last-child(2){font-size:13px; color:#313131; font-weight:normal}
h3.h3_opisanie{ margin-top:20px !important}

/*---------------------------------------*/.a_img_link{ float:left; width:25%}
.a_img_link img{ width:100%}

.a_in_link,.content_in_link{ float:left; width:71%; margin:3px 0 0 3%}
.div_mens{ float:left}
.non_b_image { display:block; height:50px !important}
.cssmenu_end p{ float:none !important}
.cssmenu_end  { clear:left}

.div_mens .div_in_link .a_in_link, .div_mens .div_in_link .content_in_link{ font-size:12px !important}
.div_in_link{ clear:both}
/*--------------------------------------------*/
.pokaz, .skrit { float:left; color:#3911B3; font-size:12px; cursor:default; cursor:pointer}
.pokaz:before{ content:"▼ Все размеры"}
.skrit:before{ content:"▲ Скрыть"}
.pokaz:hover, .skrit:hover{ text-decoration:underline !important}
/*--------------------------------------------*/
.dropdown {
	width:auto !important;
    float: left;
    overflow: hidden;
	 background-color:#FFF;
	  font-family: Arial, Helvetica, sans-serif;
	  border-radius: 10px;
	  border: 1px solid #b1b1b1;
	  box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	  
}

.dropdown .dropbtn {
    font-size: 14px;    
    border: none;
    outline: none;
    padding: 5px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown span:hover, .dropdown:hover .dropbtn {
    background-color:#EBEBEB;
}

.dropdown .dropdown_div {
	width:10% !important;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown div span {
		width:auto !important;
    font-size: 14px;

	 cursor:pointer;
    float: none;
    color: black;
    padding: 5px 5px 5px 10px !important;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown div span:hover {
    background-color: #ddd;
}

.dropdown:hover div {
    display: block;
}


.arrow {
	 
      width: 7px;
      height: 7px;
      border-top: 2px solid #858585;
      border-right: 2px solid #858585;
	  transform: rotate(135deg);
	  display:inline-block;
	  margin:0 0 3px 5px;
  } 
/*--------с modal.css------------------------------------*/

*,
*::before,
*::after,
input[type='search'] /* see normalize.css */
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*--------------------------------------------------*/
.odnourovnevye{display:none}
input[value=Закрыть]{display:none}

#skidki_dostavka{ width:90%; height:auto}

.harakteristiki{width:95%; margin:20px 0 0 5%;  float:left; }
.imaginfo div[itemprop='offers']{ width:100%}

/*-----------Хлебные крошки-------------------------------------------------*/
.crochki{ float:left; margin:0 0 0 2%; width:98%}
.breadcrumbs .breadcrumbs__item,
.breadcrumbs__link {
	margin-top: 10px
}

.breadcrumbs {
	font-size: 0;
	line-height: 22px
}

.breadcrumbs li {
	display: inline-block
}

.breadcrumbs .breadcrumbs__item {
	position: relative;
	padding-right: 30px
}

.breadcrumbs .breadcrumbs__item:after {
	content: '';
	position: absolute;
	right: 12px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #35383b;
	border-right: 1px solid #35383b;
	transform: rotate(-45deg)
}

.breadcrumbs__link {
	font-size: 14px;
	line-height: 1.3;
	color: #35383b;
	transition: .1s;
	border-bottom: 1px solid transparent
}
.breadcrumbs__link--current {
	padding-bottom: 0;
	margin-bottom: 0;
	cursor: default
}
.breadcrumbs,
.page-title {
	text-align: left
}

.link{ text-decoration:none}
#blue_buttons{ float:left; width:100%; height:40px; }

.country{ float:left; margin:8px 1% 0 0; background-color:rgb(239,102,12); color:#FFF;
border: 1px solid rgb(239,102,12); font-weight:bold;
padding: 5px;
border-radius: 5px;
outline: none;
cursor: pointer;
width:8%;
position:absolute; z-index:2;
top:0px; left:0px;
/*clear: none !important;*/

}
#block_knopok{ float:left; width:100%;  position: relative}

























/*.header{ float:left; position:relative; height:110px !important; overflow:hidden !important; background: url(img/fon-img.svg)  right  top no-repeat, #585858; background-size: auto 100%; width: 71%; color:#FFFFFF;  font-size:16px ; text-overflow: ellipsis  }*/

#slide_1,#slide_2,#slide_3,#slide_4{ position:absolute; font-size:14px;

	 opacity:0;
 animation-duration: 35s;
 animation-timing-function: linear;
 
  animation-iteration-count: infinite;
  }
#slide_1{animation-name: slidein_1}  
#slide_2{ animation-name: slidein_2}
#slide_3{ animation-name: slidein_3}
#slide_4{animation-name: slidein_4}

.slide_skidki_div{ float:left; width:100% !important; height:auto !important; position:relative;/* border:1px solid #F00;*/ }
.slide_skidki{ width:95%; height:auto !important}
.slide_skidki_div #slide_1{ position:static !important; background: url(img/sale-2.png) left  bottom no-repeat !important; background-size:100% auto !important;  color:#000; 
}
.slide_skidki_div #slide_2{ background: url(img/sale-2.png) left  bottom no-repeat !important; background-size:100% auto !important;  color:#000; 
}

.slide_skidki_div #slide_3{background: url(img/dostavka-fon.png) left  bottom no-repeat !important; background-size:100% auto !important;  color:#000; 
}



#razmer_0_content{ animation-name: razmer_0_content; }
#razmer_1_content{animation-name: razmer_1_content; }
#razmer_2_content{ animation-name: razmer_2_content; }
#razmer_3_content{animation-name: razmer_3_content}
#razmer_4_content{animation-name: razmer_4_content}
#razmer_5_content{animation-name: razmer_5_content}
#razmer_6_content{animation-name: razmer_6_content}
#razmer_6_content ul li{ font-size:16px !important}



#razmer_0_content, #razmer_1_content, #razmer_2_content, #razmer_3_content, #razmer_4_content, #razmer_5_content, #razmer_6_content{animation-duration: 28s; animation-iteration-count: infinite;  animation-direction: normal; animation-timing-function: linear;  position:absolute; top:0; left:0; 1px solid #F00; width:100%;  opacity:0; height:110px ;   }
#razmer_0_content{background:url(img/slajde/skidka-kub-3.gif) no-repeat left;}
#razmer_1_content{background:url(img/slajde/skidka-kub-5.gif) no-repeat left;   }
#razmer_2_content{background:url(img/slajde/skidka-kub-7.gif) no-repeat left;  }
#razmer_3_content{background:url(img/slajde/skidka-kub-10.gif) no-repeat left; }
#razmer_0_content, #razmer_1_content, #razmer_2_content, #razmer_3_content{background-size:auto 60px; background-position: 2% 20px}
/*#razmer_4_content{background:url(img/slajde/dostavka-avto.gif) no-repeat left; background-size:auto 50px; background-position: 2% 20px  }*/

#razmer_0_content ul li, #razmer_1_content ul li, #razmer_2_content ul li, #razmer_3_content ul li,  #razmer_5_content ul li, #razmer_6_content ul li{ color:#3E1000; margin-left:12%}
#razmer_4_content ul li, #razmer_5_content ul li, #razmer_6_content ul li{ color:#FFFFFF !important; font-size: 18px;  margin: 0 0 0 2%;}
#razmer_4_content ul li:first-child, #razmer_5_content ul li:first-child, #razmer_6_content ul li:first-child{ margin-top:10px}
.procent{ font-size:26px }

#group1{ animation-name: group1; }
#group2{animation-name: group2; }

#group1{ position:absolute; z-index:2;   width:100%; height:110px; border:1px solid #F00; background:#FFF}
#group2{position:absolute; z-index:1; background: url(img/fon-img.svg) right bottom no-repeat, #585858; background-size: auto 100%; margin: 0 0 15px 0; color:#FFF;    width:100% ; height:110px}

#group1, #group2{animation-duration: 28s; animation-iteration-count: infinite;  animation-direction: normal; animation-timing-function: linear;  position:absolute; top:0; left:0; 1px solid #F00; width:100%;  height:110px}
@keyframes group1 {
     0% {  opacity:1}
    50% {  opacity:1 }
    51% { opacity:0}
    100% {  opacity:0 }
}
@keyframes group2 {
     0% {  opacity:0}
    50% {  opacity:0 }
    51% { opacity:1}
    100% {  opacity:1 }
}

@keyframes razmer_0_content {
     0% { left:0; opacity:1}
     5% { left:0; opacity:1}
	 
    14.3% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_1_content {
     0% { left:0; opacity:0}
    13.3% { left:0; opacity:0 }
	
    14.3% { left:0; opacity:1 }
    19.3% { left:0; opacity:1 }
	
    28.6% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_2_content {
     0% { left:0; opacity:0}
    27.6% { left:0; opacity:0 }
	
    28.6% { left:0; opacity:1 }
    33.6% { left:0; opacity:1 }
	
    42.9% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_3_content {
     0% { left:0; opacity:0}
    41.9% { left:0; opacity:0 }
	
    42.9% { left:0; opacity:1 }
    47.9% { left:0; opacity:1 }
	
    57.2% { left:50%; opacity:0 }
   100% { left:50%; opacity:0 }
}
@keyframes razmer_4_content {
     0% { left:0; opacity:0}
    56.2% { left:0; opacity:0 }
	
    57.2% { left:0; opacity:1 }
    62.2% { left:0; opacity:1 }
	
    71.5% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_5_content {
     0% { left:0; opacity:0}
    70.5% { left:0; opacity:0 }
	
    71.5% { left:0; opacity:1 }
    76.5% { left:0; opacity:1 }
	
    85.8% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}

@keyframes razmer_6_content {
     0% { left:0; opacity:0}
    84.8% { left:0; opacity:0 }
	
    85.8% { left:0; opacity:1 }
    90.8% { left:0; opacity:1 }
	
    100% { left:50%; opacity:0 }
}

#razmer_0{ animation-name: razmer_0; }
#razmer_1{animation-name: razmer_1; }
#razmer_2{ animation-name: razmer_2; }
#razmer_3{animation-name: razmer_3}
#razmer_4{animation-name: razmer_4}
#razmer_5{animation-name: razmer_5}

#razmer_0, #razmer_1, #razmer_2, #razmer_3, #razmer_4, #razmer_5{animation-duration: 20s; animation-iteration-count: infinite;  animation-direction: normal; animation-timing-function: linear;  position:absolute; top:0; left:0; 1px solid #F00; width:100%;  opacity:0;  }
.procent{ font-size:34px; color:#F90000 }
.mobil{color: #3E1000;}
.summ{font-size:24px; color:#F90000; }

@keyframes razmer_0 {
     0% { left:0; opacity:1}
     5% { left:0; opacity:1}
	 
    16.6% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_1 {
     0% { left:0; opacity:0}
    15.6% { left:0; opacity:0 }
	
    16.6% { left:0; opacity:1 }
    21.6% { left:0; opacity:1 }
	
    33.2% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_2 {
     0% { left:0; opacity:0}
    32.2% { left:0; opacity:0 }
	
    33.2% { left:0; opacity:1 }
    38.2% { left:0; opacity:1 }
	
    49.8% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_3 {
     0% { left:0; opacity:0}
    48.8% { left:0; opacity:0 }
	
    49.8% { left:0; opacity:1 }
    54.8% { left:0; opacity:1 }
	
    66.4% { left:50%; opacity:0 }
   100% { left:50%; opacity:0 }
}
@keyframes razmer_4 {
     0% { left:0; opacity:0}
    65.4% { left:0; opacity:0 }
	
    66.4% { left:0; opacity:1 }
    71.4% { left:0; opacity:1 }
	
    83% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_5 {
     0% { left:0; opacity:0}
    82% { left:0; opacity:0 }
	
    83% { left:0; opacity:1 }
    88% { left:0; opacity:1 }
	
    100% { left:50%; opacity:0 }
}

/*
@keyframes razmer_0 {
     0% { left:0; opacity:1}
     5% { left:0; opacity:1}
	 
    20% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_1 {
     0% { left:0; opacity:0}
    19% { left:0; opacity:0 }
	
    20% { left:0; opacity:1 }
    25% { left:0; opacity:1 }
	
    40% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_2 {
     0% { left:0; opacity:0}
    39% { left:0; opacity:0 }
	
    40% { left:0; opacity:1 }
    45% { left:0; opacity:1 }
	
    60% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_3 {
     0% { left:0; opacity:0}
    59% { left:0; opacity:0 }
	
    60% { left:0; opacity:1 }
    65% { left:0; opacity:1 }
	
    80% { left:50%; opacity:0 }
    100% { left:50%; opacity:0 }
}
@keyframes razmer_4 {
     0% { left:0; opacity:0}
    79% { left:0; opacity:0 }
	
    80% { left:0; opacity:1 }
    85% { left:0; opacity:1 }
	
    100% { left:50%; opacity:0 }
}
*/
span.mobil{ display:none}