html, body { width:100%;height:100%; margin:0; padding:0; font-size:100%; font-family:Arial; position:relative;}
#body {  }

section { display:inline; }
/* #0070BA */
.link_go { display:inline-block; background: #D21914; padding: 3px 25px; color: #FFF; text-decoration: none; margin-top: 10px; font-size: 18px;}
.link_go:visited { color: #FFF;  }

input[type="text"], select, input[type="number"] { font-size:100%; }

label { cursor: pointer; }
.price { border-collapse: collapse; border:1px solid black; }
.price td {  border:1px solid black; padding: 5px;}
.price td:nth-child(1),.price td:nth-child(4) { text-align: center;}
.price td:nth-child(3),.price td:nth-child(5) { text-align: right;}
.hide_td { display:none; }
.visible_td { display:table-cell; }

.content { /*white-space: nowrap;*/display: flex; flex-flow: row wrap;
justify-content: space-between;
/*justify-content: center;*/
align-content: center;
padding:0 5px 20px 15px; line-height:1.9; box-sizing:border-box; }
#content2 b {color:#FF0000; }

#div_form { /*text-align: right;*/ line-height: 2.4;  }
#res { display:flex; flex-wrap:nowrap; align-items:flex-start; margin:30px 0 0 30px; }
#pre_result { margin: 35px auto 5px 20px; padding: 15px; border:1px solid gray; border-radius:5px; }
#result { line-height: 1.4; /*margin:30px 0 0 30px;*/}
#message { color:red; opacity:0; transition: all 1s ease; }
#menu { font-size:14px; padding: 10px; background: #000000; color: #FFF; text-align: center; word-spacing: 15px; }
#menu a { color: #FFF; text-decoration: none; }
#menu a:hover { color: #FFFF66; text-decoration: underline; }

#content2 input[type="text"] {width:30px; text-align:center; border-radius: 15px;  padding: 3px 4px;  font-size: 15px;border: 1px solid #e0e0e0;outline: none !important;}
#content2 select { text-align:center; border-radius: 15px;   padding: 3px 4px;  font-size: 15px;border: 1px solid #e0e0e0;outline: none !important;}
#content2 input[type="number"] {width:55px; /*text-align:center;*/border:1px solid #e0e0e0;
    padding: 3px 6px; border-radius: 15px;    font-size: 15px; outline: none !important;}/*
#content2 input[type="button"] { color: #FFF; position: relative; bottom: 1px; background: #d21914; border-radius:15px; border:none;}
#content2 input[type="button"]:hover {  background: #000000; }*/

#content2 .butn {outline: none !important;
position: relative;
 background: #000000;
margin: 0px 5px 5px 5px;
text-align: center;
display: inline-block;
    font-weight: 700;
    font-size: 18px;
    width: 22px;
    height: 22px; border-radius:11px;
cursor: pointer;
    vertical-align: middle;
padding: 0; border:none;
    color: #fff;}
#content2 .butn:hover { background: #d21914; }

#content2 .plus:after { content: "+"; position:absolute; top:-5px;left:6px;line-height: 1.9;}
#content2 .minus:after { content: "-"; position:absolute; top:-7px;left:7px; line-height: 1.9;}

#PH {width:490px; display:flex; flex-flow: row nowrap; align-content: space-between; justify-content:center;
line-height: 1.4; position:relative;
/*space-betweenborder:1px solid #e0e0e0;*/ }
#PH div { /*width:150px; */flex-grow:1; /*display:flex;*/ flex-flow: column nowrap; justify-content:center; /*align-content: space-between;*/flex-basis:33%; border:1px solid gray; padding:5px; border-radius:5px; text-align: center;
user-select: none;
 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;}
.border { border:1px solid gray; padding:5px; border-radius:5px;
user-select: none;
 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;}
.ph_item { background: #FFF; border:1px solid gray; border-radius:5px; position:relative; top:-13px;}
#PH div span { display:block; padding-top: 5px; line-height: 2.5;/* border:1px solid green;*/ }
.submit { /*font-family:Arial;
align-items
width:150px;
 font-weight: bolder;
color: #FFF; background:#008000; cursor:pointer;
padding:0.4em 1.4em; border-radius:0.4em; border:0; background-image: linear-gradient(to bottom, #00A300, #006600);*/
outline: none !important; cursor: pointer;
padding: 5px 15px;
font-size: 14px;
    color: #fff;
background-color: #d21914;
    border-color: #d21914;
border-radius:15px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);letter-spacing: 1.2px; border:none;
}
.submit:hover {  background: #000000; border-color: #000000;}





.min_3d { /*display:none; position:fixed; top:5%;left:5%;*/ width:90%; height: 90%;
border:1px solid green;
box-sizing: border-box;/*box-shadow: 0px 0px 20px 4px #12560e99;*/margin:0 auto 0px auto;display: block;
}

#progress { margin:0 auto; display: block; font-size: 18px; opacity:0;}

h1 { font-size:1.5em; color:green; }
h2 {margin: 0.2em ; padding: 0.2em 0.5em 0.2em 0.5em; font-size: 1.2em; color: #008000; }

#adding { display:none; background: #FFF;
height: 300px;
width: 400px;
    min-width: 400px;
    max-width: 500px;
 margin: auto; position: fixed; top: 50%; left: 50%;top: 0; left: 0; bottom: 0; right: 0;
border: 1px solid green; padding: 30px; /*transform: translate(-50%, -50%);*/ box-shadow: 0px 0px 20px 4px #12560e99;
text-align: right; line-height:2.9;
}
#adding input[type="text"] { width:300px; border:1px solid green; padding: 3px;}
#adding textarea { width:300px; border:1px solid green; padding: 3px;height: 60px;}
#close { position:absolute; top:3px; right:3px; cursor: pointer; }


#top_menu { background-color:#00A300; color:#FFF; width:100%; position:fixed; left:0; top:0; box-sizing:border-box;   background-image: linear-gradient(to bottom, #00A300, #006600); z-index:100; white-space:nowrap;   height:2.1em; font-size: 1.3em; padding-top:0em;  opacity:0.8; z-index:400;
}
#top_menu a { cursor:pointer; text-decoration:none; color:#FFF; background-color:#00A300; background-image: linear-gradient(to bottom, #00A300, #006600); padding: 0.5em 0.9em 0.3em 0.9em; border-right: 1px solid #006600; display:inline-block; min-width:2.5em; box-sizing: border-box;}
#top_menu a:hover {  background-image: linear-gradient(to bottom, #006600, #00A300);}
#top_menu>a:first-child { border-left: 1px solid #006600; }

#main { width:100%; height:100%; position:relative;
padding-top:0; margin:0; box-sizing:border-box; background-color:#FFFFFF;
margin-bottom:-12em;
}





.e_navbar-brand { display: block; padding:10px; }
.head_container { padding: 10px 0;
    text-align: center;
    font-weight: 400;
    font-size: 12px; color: #fff;
    background: #000; font-family: "Overpass", sans-serif;
    letter-spacing: 1.2px;}
.head_container span { color: #d21914;

    font-weight: 800; }


/******** test *********
#control2 { padding: 5px; line-height:1.8; display:inline-block; position:absolute; left:10px; bottom:10px;
color:#3ACB4A; background:#000; border:1px solid #3ACB4A; }

#control2 input[type="range"] { width:600px; cursor:pointer;}
#control2 .number { font-family: Arial; font-size:16px; width:30px; color:#3ACB4A; display:inline-block;}
#control2 .number2 { width:70px;}
*/

/******** test **********/








.next { cursor:pointer; color:#FFF; padding: 0.5em; font-weight:bolder; background-color:#006600; background-image: linear-gradient(to bottom, #00A300, #006600); text-align:center;}

#load_image { margin:3em; z-index:300;  }

a { cursor:pointer; }
a:visited { color:#0000FF; }


#content0 { height:100%; background-color:#FFF; color:#FFF;z-index:90; overflow:hidden; padding:2.6em 0.5em 0 0.0em; }
#content0 a { cursor:pointer; font-size:1.2em; color:#FFF; display:block; margin:0 0 0px 0; padding:0.6em 1.5em 0.6em 0.5em ;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
background-color:#008000; text-decoration:none;
 background-image: linear-gradient(to bottom, #00A300, #006600);
position:relative;
}

#content0 .active{ color: #FFFF00;}
#content0 a span {font-size:0.6em; color:#FFFF00; position:absolute;top:3px; right:4px; }
#content0 a:active {background:#00C700;  background-image: linear-gradient(to bottom, #006600, #00A300);}
#content0 a:hover {background:#00C700;  background-image: linear-gradient(to bottom, #006600, #00A300);}
/*#menu {  padding-bottom:0.5em; border:0px solid #FFF;  }*/

#content1 {background-color:#FFF; padding:2.8em 0.8em 0 1em;  line-height:1.6;}
#content1 strong {color:#FF0000; }
#content1 b { white-space: nowrap; }

/*#content2 {background-color:#FFF; text-align: right;}*/
/*#content2 table { float:right; border:none;}
#content2 table td{ text-align:left; border:none;}*/

#content3 {background:#FFF; padding:0.8em 0.8em 0.4em 0.8em; line-height:1.6; position:relative;top:0;left:0; }


#head_block { display: flex; /* flex-flow: row wrap;*/ /*align-content: center;*/ justify-content:space-between; /*evenly*/flex-wrap:wrap;
/*width:100%;*/  padding:0; margin:0 -0.6em ; box-sizing: border-box; }
#head_block div { flex-basis: 500px; margin: 0.1em 0.1em; flex-grow: 1;}


#save_block, #save_block_result, #save_block_submit, #email_block { color:green; font-size:1.3em;  border:1px solid #008000; padding:0.2em; margin:0.1em 0 0.3em 0;background: #FFFF70;  width:100%; display:block; white-space: nowrap;}
#save_block_result, #save_block_submit { display: none; }
#save_block a{ }
#save_block:hover, #email_block:hover { background: #00D600; color:#FFFF00; }
#save_block:hover a{  color:#FFFF00; }
#save_block_submit input[type="button"]{ font-size:1em; color:green; margin-left:1em; padding: 0 1em;}
#save_block span{ font-size:0.8em;  }

#save_link { display:block;}

#email_block input[type="button"]{ font-size:1em; color:green; margin-left:0.5em; padding: 0 1em;}
#result_send_mail {  margin-left:0.5em ;  display:inline-block; }
#saved_data {  }

#content4 {background-color:#FFF; padding:3.5em 0.8em 0 1em;  line-height:1.6;white-space: nowrap;}
#content4 .link {display:inline-block; border:0px solid green; padding:0.3em 0.5em; /*margin-top:0.4em;*/}
#content4 .link:hover { background: #FFFF99; color:green;}
#content4 div {  margin:0.3em 0; padding:0; /*border:1px solid green;*/}
#content4 span { color:green; font-size:1.1em;}
#content4 .del {  margin:0 0.1em 0 0; color:red; padding:0.2em 0.5em; font-size:1.3em;}
#content4 .del:hover { /*background: #FFFF99;*/ }

#content5 {background-color:#FFF; padding:3.5em 0.8em 0 1em;  line-height:1.4; font-size: 1em;}
#content5 select {background-color:#FFF; font-size: 0.9em;}
#content5 input[type="button"]{ font-size: 1em;}
#content6 {background-color:#FFF; padding:3.5em 0.8em 0 1em;  line-height:1.4; font-size: 1.6em; text-align: center;}
#content6 input[type="button"]{ font-size: 1.2em;}
#top_menu #p6 { display:none; }/**/

#top_menu #p6 {
  -webkit-animation: p6 3s linear infinite;
  animation: p6 3s linear infinite;
}
@-webkit-keyframes p6 {
  0% { color: #FFFF00; }
  50% { color: #008000; }
  100% { color: #FFFF00; }
}
@keyframes p6 {
  0% { color: #FFFF00; }
  50% { color: #008000; }
  100% { color: #FFFF00; }
}
#notice { display: block; color:#FFFF00; font-size:1em; text-align:center; background:#006600; padding:1em 3em;  }






.br { height:5em;  border:0px solid red; clear:both;}
.arrow_l { float:left;}
.arrow_r { float:right;}
.arrow_r, .arrow_l { font-size:5em; color:#008000; opacity:0.7;}
.arrow_r:hover, .arrow_l:hover { color:#008000; opacity:0.9;  }



#zhitov_div  {}
#zhitov_div .zhitov_inline {display:inline-block; position:relative; width:4em; height:4em; margin:0.2em 0.2em 0em 0; border-radius: 3px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
border: 1px solid green;}
#zhitov_div .zhitov_inline img{ width:100%; border-radius: 3px;}

.new:after {content:"NEW"; padding:0px 4px; color:red; font-size:0.6em; font-weight:bolder;  position: absolute; right: -0.5em; top: -0.8em; background-color:#FFFF99; border:1px solid red;
border-radius: 5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);opacity:0.9; }

.gray:after {content:"DEMO"; display:block; padding:0 2px; color:red; font-size:0.6em; font-weight:bolder;  position: absolute; right: -1px; bottom: 0; background-color:#FFF;  border: 1px solid red;}


.zhitov_inline span { color:#0000FF; position:absolute; left:0.2em; bottom:0; font-size:0.6em; background-color:#FFF;
 padding:0px 4px;
}
.gray2 img { -webkit-filter: grayscale(100%);}
.grayscale2 { opacity:1; -webkit-filter: grayscale(100%);}
.grayscale2:hover { opacity:1; -webkit-filter: grayscale(0%);}

i {color: green; font-weight: bolder; font-style:normal;}

.ch { border-color: #dbdbdb; margin-bottom: 5px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
a:hover{ color: #0000FF;}
.inline { display: inline; float: left; margin: 2px 10px 10px 0px;}

.sp_calc
{
background:#FFFFD1;
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 10px 5px 45px; margin:0 0 15px 0;
border: 1px solid #00B800;
border-radius: 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
color:#333;
display: inline-block;
white-space: nowrap;
}
.sp_calc li { color:#CC6600; }

@font-face {
  font-family: 'fontello';
  src: url('fontello/font/fontello.eot');
  src: url('fontello/font/fontello.eot') format('embedded-opentype'),
       url('fontello/font/fontello.woff') format('woff'),
       url('fontello/font/fontello.ttf') format('truetype'),
       url('fontello/font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}



.icon-menu:before { content: '\e800'; } /* '?' */
.icon-sort-numeric:before { content: '\e801'; } /* '?' */
.icon-info:before { content: '\e803'; } /* '?' */
.icon-ok-4:before { content: '\e804'; } /* '?' */
.icon-bookmark-empty:before { content: '\e805'; } /* '?' */
.icon-wifi:before { content: '\e806'; } /* '?' */
.icon-language:before { content: '\e807'; } /* '?' */
.icon-trash-7:before { content: '\e808'; } /* '?' */
.icon-cancel-circled-4:before { content: '\e80a'; } /* '?' */
.icon-bookmark:before { content: '\e80b'; } /* '?' */
.icon-attention-1:before { content: '\e80c'; } /* '?' */
.icon-cog-5:before { content: '\e80f'; } /* '?' */
.icon-language-1:before { content: '\e810';} /* '?' */
.icon-fontsize, .icon-language { color: green; }
.icon-fontsize:before { content: '\e811'; } /* '?' */
.icon-arrows-cw:before { content: '\e80e'; } /* '?' */
.icon-arrows-cw-1:before { content: '\e802'; } /* '?' */
.icon-arrows-cw-3:before { content: '\e80d'; } /* '?' */


#content2 .tab_cupe {border-collapse:collapse;  margin-top: 5px; border:1px solid green; }
#content2 .tab_cupe td{font-weight:normal; padding:5px; border:0px solid green; vertical-align:top; text-align:right;}
#content2 .tab_cupe input[type="text"]{color:green; width:35px; margin-right: 2px; }
#content2 .submit_cupe { margin-top: 5px; margin-bottom: 5px; font-size: 14px; font-weight: bolder;  color: green; cursor:pointer;}




/*********************************************/

#top_menu { z-index:400; }
#loader_circle {  z-index:301; }
#loader_div { position: fixed; top:0; left:0; width: 100%; height: 100%; background: #FFF; opacity: 0.9; z-index:300; }
.loader {
left: 50%;
top: 50%;
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.loader #spinner {
box-sizing: border-box;
stroke: #008000;
stroke-width: 3px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite; }

@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0); }
to {
-webkit-transform: rotate(450deg);
transform: rotate(450deg); } }

@keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0); }
to {
-webkit-transform: rotate(450deg);
transform: rotate(450deg); } }

@-webkit-keyframes line {
0% {
stroke-dasharray: 2, 85.964;
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
stroke-dasharray: 65.973, 21.9911;
stroke-dashoffset: 0; }
100% {
stroke-dasharray: 2, 85.964;
stroke-dashoffset: -65.973;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }

@keyframes line {
0% {
stroke-dasharray: 2, 85.964;
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
stroke-dasharray: 65.973, 21.9911;
stroke-dashoffset: 0; }
100% {
stroke-dasharray: 2, 85.964;
stroke-dashoffset: -65.973;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }