@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&subset=cyrillic');
.ai-good { background:rgba(0,250,0, 0.2);padding:10px;color:#000;border:1px solid rgba(0,250,0, 0.5); font-size:16px;}
.ai-error {background:rgba(250,0,0, 0.4);padding:10px;color:#fff;border:1px solid rgba(250,0,0, 0.8);}
.msgGreen {padding:20px; background:#EEFCED; border:1px dotted #7AC076; color:#7AC076;}
.slider-box { max-height: 445px; overflow: hidden; }
.file-item { border:1px dotted #ccc; font-size:16px; color:#333; padding:10px;}


#callback {
  display: block;
  text-align: center;
  font-size: 13px;
  width: 120px;
  margin: auto;
    margin-top: auto;
    margin-left: auto;
  border-radius: 7px;
  border: 1px solid #e31e24;
  color: #e31e24;
  line-height: 24px;
  margin-left: 40px;
  padding: 2px 0 4px;
  margin-top: -2px;
  cursor:pointer;
}

#callback .fa-phone {
  font-size: 18px;
  margin: 8px 3px 2px 8px;
  line-height: 12px;
  color: #e31e24;
  display: block;
  float: left;
}


.submit-btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 45px; 
  min-width: 200px;
  margin-right: 20px;
  border: none; 
  border-radius: 35px;  
  padding-right: 30px;
  background: #ff5c5a;
  color: white;
  font-size: 20px;
}
.table {
	width:100%;
}
.jBox-content .sx-small img {
width: 50px;
float: unset;
margin-right: 10px;
vertical-align: middle;
margin-top: -10px;
}
footer a, .footer a { color:#fff; }
.icon-tirage::before { content:"\f009"; font-family:FontAwesome; font-size:16px; margin-right:5px; }
[href="https://cifraonline.ru/politika-konfidencialnosty/"] {
	text-decoration:underline;
}
.table td { border-left:1px solid #ccc;  border-top:1px solid #ccc; padding:10px; text-align:center;  }
.table  { border-bottom:1px solid #ccc;  border-right:1px solid #ccc; width:100%; }

#login_remember { float:left; } 
#login_form::after {
    content: "\f090";
    font-family: FontAwesome;
    margin-left: 10px;
    color: #fff;
    position: absolute;
    margin-top: -49px;
    margin-left: 61px;
}
#user_box h1 { font-size:26px; }
#user_box h2 { font-size:18px; }



.hot-print { font-size: 14px; }
#registration_form .field {
padding: 5px 0;
width: 50%;
float: left;
}

#registration_form input[type="text"],#registration_form textarea, #registration_form input[type="password"] {
    width: 70%;
}

@media only screen and (max-width : 480px) { 
#registration_form .field {
padding: 5px 0;
width: 100%;
float: none;
}
#registration_form input[type="text"],#registration_form textarea, #registration_form input[type="password"] {
    width: 100%;
}
}
#st_order_form .bd .dragArea {
    height:auto !important;
    float: none;
    width: 100%;
}
#registration_form { background:url(/images/mail_corner.png) no-repeat right bottom; }
.calc_errors { list-style: none;
color: red;
border: 1px solid rgba(250,0,0,0.1);
background: rgba(250,0,0,.05);
padding: 10px;
font-size: 12px; }
.calc_errors  li { color:red;  }

.jBox-content table { width:100%; }

[data-content="1972"] td { width:100% !important; display:block;}
#st_order_form input[type="text"] { width:50% !important; margin:1px 0; }
#st_order_form .cmd-light {
	cursor: pointer;
    padding: 6px 30px !important;
    color: #fff;
    background: #e31e24;
    border-radius: 5px;
    border: none !important;
    font-size: 20px;
    text-transform: uppercase;
    margin:auto;
	margin-top:10px;
}
#st_order_form .ci_form label {
    width: 50% !important;
    display: block;
    float: left !important;
    height: 40px;
}
#st_order_form form > div { margin: 3px 0;}
.submit-btn:last-of-type {margin-right: 0;}
.submit-btn:after {
  position: absolute; 
  right: 10px; 
  top: 0;
  width: 45px;
  height: 45px; 
  line-height: 45px; 
  content: "\f1d8";
  font-family: FontAwesome;
  background: #ff5c5a; 
  border-radius: 50%; 
  color: white; 
  font-size: 22px;   
}
@keyframes float {
  0%, 100% {transform: scale(1);}
  50% {transform:  scale(1.1);}
}
.submit-btn:hover:after {animation: float 1s linear infinite;}

button:hover:after {animation: float 1s linear infinite;}

.rcmd:hover:before { animation: float 1s linear infinite;}

		.dragArea {
			background-color: #efefef;
			border: 2px dashed #cccccc;
			border-radius: 5px;
			text-align: center;
			padding: 0px;
			cursor:pointer;
			color:#666;
			height:auto !important;
			vertical-align:middle;
			width:100%;
			padding:10px;
		}
		.dragArea h4 {
    margin-bottom: 0;
    margin-top: 20px !important;
}
#bigUpload #file {
	border: 1px solid #e5e5e5;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	padding: 10px;
    float: left;
width: 220px;
}
#bigUpload .button, #docbigUpload .button {
	background-color: #e31e24;
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius:5px;
	padding-bottom: 5px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 5px;
	font-size: 18px;
	color:#ffffff;
	cursor: pointer;
	margin-top:15px;
	font-size: 18px;
	margin:5px;
	width:120px; text-align:center;
}
#bigUpload .abort {
	background-color:rgb(179, 179, 173);
}
.bd .dragArea {
height: 60px !important;
float: left;
width: 400px;
}
.arrow_down {  
background: #eee;
padding: 5px 20px;
font-size: 30px;
line-height: 10px;
cursor: pointer; 
}
 #progressBarContainer, #docprogressBarContainer{
	width:94%;
	height:10px;
	margin-left: 3%;
	margin-top:1%;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	border-radius: 1px;
}

 #progressBarFilled, #docprogressBarFilled  {
	border-radius: 1px;
	margin: 1px;
	height:8px;
	width:0;
	background-color: #e31e24;
	font-size: 10px;
}



.ci_form { padding: 20px; background: #eee; }
#files { display:none; }
.item-photo { padding: 10px;
margin-bottom: -20px;
border-radius: 10px;
background: #fff;
text-align: center; }

.item-photo img {margin-top: 5px;}
.news-item {
padding: 20px 20px 20px 10px;
background: #eee;
margin: 20px 0;
border-bottom:2px solid #ccc;

}


#do_order { display:none; }

.prints i {
    font-size: 20px !important;
    font-style: normal;
    background: url("/img/b6.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
    padding-left: 10px;
    color: #000;
    text-transform: uppercase;
    margin-top: -12px;
    position: absolute;
}
.dragArea h6 {
    margin-top: 0px;
}
.bd span { color:red; font-weight:normal; }
.dragArea {
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
    color: #666;
    height: 250px;
    vertical-align: middle;
    overflow: hidden;
}
.button.abort { display: none;  }

#progressBarContainer { display: none; }


#person input[type="text"] {
    width: 320px !important;
}
#price {
    border: 2px dotted #ccc;
    color: #000;
    font-size: 32px;
    padding: 30px;
    text-align: center;
}
.price-box {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    padding: 0px;
    text-align: center;
}
.ci_form label.bn, .ci_form label.bnc {
width: auto;
cursor: pointer;
text-align: center;
min-width: 10px;
border: 2px solid #eee;
padding: 10px 10px;
font-size: 13px;
}

.ci_form div {
    overflow: hidden;
    margin-bottom: 8px;
}
.ci_form label.bn:hover, .ci_form label.active, .ci_form label.bnc:hover {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ff0000;
    color: #ff0000;
}
.sx-small td { font-size: 14px; }

.hot-print #st_order_form input[type="text"] {
    width: 50% !important;
}
.hot-print  label {
    width: 50%;
    display: block;
    float: left;
}
.ci_form label {
    display: block;
    
    line-height: 22px;
    width: 240px;
}
.bd {
    border: 1px dotted #ccc;
    padding: 10px;
    margin: 2px;
    padding-top: 15px;
    overflow: hidden;
}

.stime {color:#e31e24}
.metka {
    background: #e31e24;
    color: #fff;
    padding: 5px 10px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px;
}
.close-metka {
    background: #ccc;
    color: #fff;
    padding: 5px 10px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px;
}
[data-modul="contact_form"] label { display:none; }
.ai-send, .ai-send p { text-align:center; }
.ai-title { font-size:28px; text-transform:uppercase; color:#000; margin:30px 0;}
.cmd { background:#e31e24; color:#fff; border-radius:4px; padding:4px 20px; margin-left:20px; display:inline; cursor:pointer; }
.cmd-box { display:none; }
* { font-family: "Oswald"; color:#666; box-sizing: border-box;}

body { padding:0; margin:0;  }
header .top-text { text-transform:uppercase; font-size:14px; font-weight:400px; color:#000; }
header .top-text span { color:#e31e24; }
header .top-link { font-size:12px; color:#333; text-decoration:none; float:right;}
header .top-link:hover { color:#e31e24; }
header .top-box { border-bottom:1px solid #e9e9e9; padding:10px 0; }
.container {
  width: 1200px;
  margin: auto;
  position:relative;

}
@media (min-height:800px) and (min-width:1024px){
/*footer {
position: absolute;
bottom: 0;
width: 100%;
}*/
body { padding:0; margin:0; /*height:100%; padding-bottom:300px;*/}
}
ul { overflow:hidden; }
article { overflow:hidden; }
.left-menu, .left-menu *, #user_box, #user_box * {transition: all 1s ease;  -moz-transition: all 1s ease;
-o-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
h4, .h4 {font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
color: #000;}

.item-box:hover .item-img-box img {
    max-width: 170px !important;
    margin-top: -20px;
	width: 170px;
	transition: all ease .3s;
}
.item-box:hover {     
border: 1px solid #000;
border-bottom: 3px solid #000;
transition: all ease .3s;
}

.clear { clear:both; }
.table_price tr:nth-child(odd) td {
    background: #efefef;
}
[data-time].active { border:1px solid #e31e24; color:#e31e24; }
[data-modul="sprice"] h3 { border:1px solid #ccc; padding:5px 10px; float:left; cursor:pointer; font-size:16px; margin-right:5px; }
[data-ids] { clear:both; display:none; }
[data-ids].active { display:block; }

a { text-decoration:none; color:#e31e24; }
.ai-close::after { content:"\f057"; font-family:FontAwesome; font-size:16px; margin-right:10px; cursor:pointer; float:right;}
.ai-close:hover::after { content:"\f057"; font-family:FontAwesome; font-size:16px; margin-right:10px; cursor:pointer; float:right; color:#e31e24; }

.icon-download::before { content:"\f019"; font-family:FontAwesome; font-size:16px; margin-right:5px; }
.icon-file::before { content:"\f15c"; font-family:FontAwesome; font-size:16px; margin-right:5px; }
.icon-cabinet::before { content:"\f007"; font-family:FontAwesome; font-size:16px; margin-right:5px; }
.icon-cart::before { content:"\f07a"; font-family:FontAwesome; font-size:16px; margin-right:5px; }
.icon-calculator::before { content:"\f1ec"; font-family:FontAwesome; font-size:16px; margin-right:5px; }

.icon-trophy::before { content:"\f091"; font-family:FontAwesome; font-size:16px; margin-right:5px; }


header .logo-box { padding:10px 0; }
header .contacts-box { text-align:right; margin-top:10px;}
header .phone { font-size:26px; color:#000; line-height:32px; }
header .phone span { color:#e31e24; }
header .email { font-size:18px; color:#000;  line-height:32px; }
header .email span { color:#e31e24; }


header .address { font-size:12px;  line-height:32px; }

header .top-menu { background:#f3f3f3; padding:20px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
header .menutop #pull {      display: none;  }

/* MAP */
.map { width: 100%; height: 500px; }
.map-panel { background: rgba(0,0,0,0.7);color: #fff;padding: 20px 20px 5px 20px;position: absolute;z-index: 1000;width: 100%;box-sizing: border-box;margin-top: -100px; }
.map-panel * { color: #fff; }
.map-title { text-transform: uppercase; font-size: 22px; padding-top: 10px; }
.map-phone { text-align: right; font-size: 22px; color:#fff;}
.map-mail { text-align: right;  }

.top-menu nav ul { padding:0 10px; margin:0; list-style:none; }
.top-menu nav ul li { display:inline-block; padding:0 29px; text-transform:uppercase; font-size:18px; }
.top-menu nav ul li a { text-decoration:none; color:#000; }
.rcmd::before { background: #e31e24;
    color: #fff;
    padding: 8px 10px;
    border-radius: 50%;
    font-size: 22px;
    /*position: absolute;*/
    /* height: 22px; */
    margin-top: 32px;
    display: inline-block;
    line-height: 26px; }
.rcmd { color:#e31e24; font-size:14px; line-height:100px; padding-left:48px;}
.article { padding:10px; }
.top-box p { padding:0; margin:0; }
.slider { margin-top: 1px; overflow:hidden;}

.home::before { content:"\f015"; margin-right:10px;  font-family:FontAwesome; font-size:22px; }

.submenu ul { position:absolute; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); padding:10px !important; z-index:10; list-style:none; display:none; }
.submenu ul li { display:block !important; }
.submenu ul li a { font-size:12px !important; }
.submenu:hover ul { display:block; }
.submenu ul li a:hover, .top-menu nav ul a:hover { color:#e31e24 !important; }
.submenu > a::before { content:"\f107"; font-size:16px; margin-right:10px; font-family:FontAwesome; }
.submenu ul li a::before { content:"\f105"; font-size:16px; margin-right:10px;  font-family:FontAwesome; }

.product a { color:#333; }
.table_price, .highlight-table { width:100%;     border-spacing: 0;}
.table_price td, .highlight-table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px 5px; text-align:center; }
.table_price tr td:first-child,  .highlight-table tr td:first-child { border-left:1px solid #ccc; text-align:left; }
.table_price th, .highlight-table th { background:#e31e24; color:#fff; border-bottom:1px solid #e31e24; border-right:1px solid #ff7479; padding:3px 5px; text-align:center; }
.highlight-table .h td { background:#e31e24 !important; color:#fff; border-bottom:1px solid #e31e24 !important; border-right:1px solid #ff7479; padding:3px 5px; text-align:center; 
    display: table-cell;
}
.highlight-table tr:nth-child(odd) td { background: #efefef; }
.highlight-table { margin-top:20px; width: 100% !important; font-size:14px;}

.priceTab, .aiz a { border:1px solid #ccc; padding:5px; cursor:pointer; min-width:100px; display:block; text-decoration:none; text-align:center; color:#666; }
.priceTab.active, .aiz a.active { border:1px solid #e31e24; padding:5px; color:#e31e24; }
.aiz td { padding:0px 10px 5px 0; }

.ais { float: right; border: 1px dotted #ccc; padding: 10px; }
.ais .time-week { list-style: none;padding: 0;margin: 0;text-align: center; } 
.ais .inline { display: inline; float: left; margin-right: 20px; }
.ais .inline:last-child { margin-right:0px; }
.aiz { float:left; }

.box { padding: 30px 50px; }
.box .h1 { margin: 0 0 40px 0; }
.grey { background: #f1f1f3; }
.index h1, .index .h1 { text-align: center; }

.ai-slider .flex-direction-nav .flex-next {
    right: 20px !important;
    height: 30px !important;
}
.ai-slider .flex-direction-nav .flex-prev {
    left: 20px !important;
    height: 30px !important;
}
.preim h2 {
	font-size: 36px;
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
	text-align:center;
}
.flex li {
  width: 300px;
  max-height: 30px;
  height: 100%;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
[data-content="2017"] .grid { overflow: hidden; }
.box-fs { text-align: center; padding: 0 30px; }
.box-fs .fs-h { font-size: 24px; color: #000; margin:0px 0 20px 0;}
.box-fs .fs-t { font-size: 18px; color: #666; }

.cmd-1 { background: #f1f1f3 url("/images/c-1.png") no-repeat right bottom; padding: 20px 20px 40px 20px; font-size: 14px; height: 100%; position: relative;background-size: 28%;} 
.cmd-2 { background: #f1f1f3 url("/images/c-2.png") no-repeat right bottom; padding: 20px 20px 40px 20px; font-size: 14px; height: 100%; position: relative;background-size: 28%;} 
.cmd-3 { background: #f1f1f3 url("/images/c-3.png") no-repeat right bottom; padding: 20px 20px 40px 20px; font-size: 14px; height: 100%; position: relative;background-size: 28%;} 

.cmd-button { position:absolute; width: 120px; text-align:center; bottom:10px; background: #e31e24; color: #fff; font-size: 14px; border-radius: 5px; padding: 6px 20px;  text-decoration:none; margin-top:10px; display: inline-block;}
.cmd-panel { margin: 10px 0 40px 0; }
.cmd-panel .header { font-size: 24px; margin: 0 0 5px 0; color: #000; }
.cmd-panel .text { width: 80%; padding: 0 0 20px 0; margin: 0; }

h1, .h1 { font-size: 28px; text-transform: uppercase; color: #000; font-weight:normal;}
h2, .h2 { font-size: 26px; text-transform: uppercase; color: #000; font-weight:normal; }
h3, .h3 { font-size: 18px; text-transform: uppercase; color: #000; font-weight:normal; }

.calc::after { content: "\f1ec"; color: #fff; font-size:18px; font-family: "FontAwesome"; margin-left:10px;}
.more::after { content: "\f105"; color: #fff; font-size:18px; font-family: "FontAwesome"; margin-left:10px;}

img.ss-responsive { width: 100%; }

.footer { background:#3f3f3f; padding: 20px; color: #fff; font-size:12px;}
.copyright p { color: #ccc !important; }

.sign-up-btn { background: #df2d38; color: #fff; font-size: 18px; border:none; border-radius: 5px; padding: 10px 40px; text-transform: uppercase; }
.submit { text-align: center; }
.contact_form { text-align: center; }
.contact_form .h1::before { content: ""; border-bottom: 2px solid #df2d38; width: 100px; position: absolute; margin-left:50px; margin-top:60px;}

.pull-right { text-align: right; }
.contact_form .form-input-group { border: 1px solid #ccc; padding: 5px 10px; margin-bottom: 10px; background: #fff; }
.contact_form .form-input-group input { border: none; background:#fff; font-size: 12px; padding: 5px; line-height: 22px; width:100%; padding-left: 26px; box-sizing: border-box; display: inline-block; }
.contact_form .form-input-group .fa {float: left;position: absolute;margin-top: 7px;color: #999;}
.contact_form .msg { border:1px solid #ccc; padding:10px; height: 151px; width: 100%; box-sizing: border-box;}

.product { margin-bottom: 60px; margin-top:60px; }
.product .box-fs { padding: 10px 10px 0 10px;  text-align: center; display:block; text-decoration:none; overflow:hidden; border: 1px solid #eee;}
.product .box-fs img { width: 100%; }
.product .box-fs .fs-h {    font-size: 20px;    color: #000;    margin: 0; text-transform: uppercase; background:#fff; }
.product td { width:20%; vertical-align:top;}
.product .grey { margin: 10px; padding: 10px; height:95%; }
.product li { font-size:16px; line-height: 23px; list-style: none; }
.product ul { padding-bottom: 0; margin-bottom: 0; }
.product li a { text-decoration: none; }
.product li a::before { content: "\f105"; font-family: "FontAwesome"; font-size: 12px; margin-right: 5px; color:#df2d38;}

article img { margin: 20px; max-width: 320px;}
hr { color: #ccc; border: none; border-top: 1px solid #ddd;clear: both; }

.bottom_menu li { list-style: none;
    display: inline-block;
    width: 48%;
    margin-top: 10px;
    vertical-align: text-top;}
.bottom_menu li a { display: block; color: #fff; }
.bottom-address { font-size: 22px; color:#fff; margin: 10px 0;}
.bottom-mail { font-size: 16px; color:#ccc; margin: 10px 0;}
.bottom-logo { text-align: center; }

#map1 [class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.s-ai-cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%;
height: 100%;
z-index: 100000;
display: flex;
position: fixed;
align-items: center;
align-content: center;
flex-direction: row;
justify-content: center; 
background-color:rgba(0,0,0,.5) ;
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.02) 5px, rgba(255,255,255,.02) 10px);
}

.s-ai-modal-box {
    width: auto;
    overflow: visible;
    min-width: 300px;
    background: #fff;
    box-shadow: 0px 0px 30px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 30px 15px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 30px 15px rgba(0,0,0,.2);
  /*  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(0,0,0,.05) 3px, rgba(0,0,0,.05) 6px);*/
 
}
.s-ai-modal-box p {     text-transform: uppercase; }
h2 a { color:#000 !important;}
.cmd-light {cursor: pointer;
padding: 6px 40px !important;
color: #fff;
background: #e31e24;
border-radius: 5px;
border: none !important;
font-size: 22px;
text-transform: uppercase;
margin: 20px 0;}


.cmd-box a{ cursor: pointer;
padding: 6px 10px !important;
color: #fff;
background: #e31e24;
border-radius: 5px;
border: none !important;
font-size: 12px;
text-transform: uppercase;
margin: 10px 0; display:block;}

.fix-1  a{ color:#666; } 
.fix-1  a:hover{ color:#e31e24; } 
.fix-1 {width:160px; float:left; padding:0; margin:0; list-style:none; margin-bottom:20px;}
.fix-1 strong {line-height:28px; color:#000;}
.arrows a::before  { content:"\f105"; color:#e31e24; margin-right:10px; font-size:12px; font-family:FontAwesome;}
[data-modul="form"] .ci_form label {
    display: inline;
    float: none;
    line-height: 12px;
    width: 100%;
}
#order_cancel_button { display:none; }
.ci_form input[type="text"], textarea, input[type="text"], input[type="password"],  input[type="tel"],  input[type="email"] { border:1px solid #ccc; border-radius:5px; font-size:18px; padding:6px; clear:both; }
.ci_form div.tm { width:50%; float:left; }
.ci_form label, label { width:100%; display:block; }
.ci_form textarea, textarea { border:1px solid #ccc; border-radius:3px; width:100%; height:100px;border-bottom: 2px solid #666 !important;}
/*.ci_form .bd { padding:5px 0;}*/
select { border-bottom: 2px solid #666 !important; }

#form_send_order label { width:50%; display:inline-block; float:left; text-align:right; padding-right:10px; }
#form_send_order input { border:1px solid #ccc; border-radius:5px; font-size:18px; padding:6px; clear:both;  width:50%; }

article dl	{		position: absolute; width: 280px; right: 0;background: #fff; top: 30px; font-size: 14px;	}
article dl dd{	padding: 10px 0;margin: 0;display: none;box-shadow: 0 20px 20px rgba(0,0,0,0.2);padding: 10px;}	
article dfn {cursor:pointer; text-align: right; width: 100%; display: block; font-weight:normal; font-style:normal; }

article dfn::after { content:"\f05a"; color:#e31e24; margin-left:10px; font-size:18px; font-family:FontAwesome;}

.equipment-slider {position:relative; margin: 0 30px 0 20px;}
.equipment-slider li { text-align: center; }
.flex-direction-nav .flex-prev {    left: -30px !important;}
.flex-direction-nav .flex-next {    right: -30px !important;height: 30px !important;}
.flex-direction-nav a::before {    font-size: 26px !important; color: rgba(0, 0, 0, 0.6)  !important;    text-shadow: none !important;}
.flex-direction-nav a {    opacity: 1 !important; height: 30px !important;}
.equipment-slider .flex-direction-nav .flex-disabled {        opacity: 1 !important;
    height: 30px !important; }
.equipment-slider .flex-control-paging { display: none; }
.big-menu {
  /*  margin-left: -10px;
    margin-right: -10px;*/
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-top: -20px;
}
	
.ci_form input[type="text"], .ci_form input[type="tel"], .ci_form input[type="email"] { width:100% !important; }
.progressBar {border:1px solid #ccc; width:90%; margin-top:4px; margin-bottom:4px !important;}
.progressBarPrcent {height:4px; background:#ccc; width:1%; margin-bottom:0 !important;}

.back { display: none;  }
#order-list i {color:#666; display:none;}
#order-list {  width: 100%;  margin-top: 20px;  overflow: hidden;} 
 #order-list div {width: 153px; clear:none;
  height: 160px;
  margin: 68px;
  margin-top: 2px;
  float: left;
  /*border: 10px solid #fff;
  box-shadow: 0 0 0 1px #ccc;*/
  cursor: pointer;
  text-align: center;}
#order-list img {width:100%;}
#order-list div:hover img:not(:hover) {
	opacity: 0.7;
}
.red {color:#da4453}
.google_map iframe {margin-top:-50px;}
.google_map { width: 100%;  height: 330px;  overflow: hidden;}

@media (max-width: 576px) {
	[name="recvisits"] { width:100% !important; }
	.bd .big { width:100%; }
.ci_form label:first-child {
    display: block;
   
    line-height: 22px;
    width: 100%;
}	
.ci_form #person input[type="text"] {
    width: 100% !important;
}
.ci_form label {
    display: block;
    float: left;
    line-height: 26px;
    width: 240px;
}
.prints i {
    font-size: 20px !important;
    font-style: normal;
    background: none !important;
    padding-left: 10px;
    color: #000;
    text-transform: uppercase;
    margin-top: 5px;
    position: relative;
    list-style: none;
    margin-left: 20px;
    overflow: hidden;
}	
	
	
	
#order-list i {color:#666; display:block; font-size:20px; line-height:50px;}
#order-list img {width:62px !important; float:left;}
#order-list div {height:60px !important; border-bottom:1px dotted #ccc; margin:0 !important; text-align:left !important; width:100% !important;}
	
	#calc_form .formblock {
    width: 100% !important;
    float: left;
    padding: 10px 0px;
}
#calc_form .submit {
    text-align: center;
    clear: both;
    display: block;
    float: none;
    margin-top: 20px;
}
p[style="float: right;"] {
	float:none !important;
}
article dl {
    width: auto;
    margin-top: -20px;
  
    margin-bottom: 40px;
}
h1, .h1 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}
[itemprop="articleBody"] {padding:10px;}
article img {
    border: 30px solid #eee !important;
    float: none !important;
    margin-left: 0;
    text-align: center;
    margin: auto;
    
    box-sizing: border-box;
    clear: both;
    display: block;
	width:100%;
}
.copyright p, .copyright {
    color: #ccc !important;
    text-align: center;
}	

.xs-hidden { display:none !important; }
.container { width:100%; padding:10px; }
header .top-text { text-align:center; padding-bottom:0px; }
header .top-link { font-size:0; float:none; text-align:center; display:block; }
header .top-link::before { background: #f2f2f2;padding: 8px 10px;border-radius: 50%;font-size: 22px; }
header .contacts-box { text-align:center; }
header .logo { display:block; text-align:center; }
.box { padding: 20px 20px; }
.product td { display: block; width: 100%;     height: auto !important;}
.equipment-box .col-7_xs-12 { padding: 0 30px; }
.equipment-box .col-5_xs-12 { padding: 0 20px; }
.cmd-panel .col-4_xs-12 {margin-bottom: 20px;}
.slider-box img { width: 200%; }
.map-panel { background: rgba(0,0,0,0.7);color: #fff;padding: 10px 20px 0px 20px;position: absolute;z-index: 1000;width: 100%;box-sizing: border-box;margin-top: -170px;line-height: 20px;  }
}
.left-menu { position: fixed !important;
top: 0 !important;
left: 0;
min-height:100%;
background: #fff;
padding: 20px;
box-shadow: 0 0 40px rgba(0,0,0,0.3);
max-width: 300px;
margin-left:-300px;
z-index:10000;
width:300px;
bottom: 0;
overflow: scroll;
}
.left-menu ul {padding:0; list-style:none;}
.left-menu ul li a::before { content:"\f105"; font-size:16px; margin-right:10px;  font-family:FontAwesome; color:#e31e24; text-decoration:none; cursor:default; }
.left-menu ul li { border-bottom:1px dotted #ccc; margin-bottom:3px; padding-bottom:5px;}
.left-menu ul li a { text-decoration:none; color:#666; }
.left-menu ul li a:hover { color:#e31e24; }

.breadcrumbs {font-size: 14px;color: #666;padding: 5px 0px;border-bottom: 1px dotted #ccc;margin: 10px 0;}
.breadcrumbs a { color:#e31e24; text-decoration:none; }
.breadcrumbs a::after { content:"\f101"; font-size:16px; margin:0 10px;  font-family:FontAwesome; color:#e31e24; text-decoration:none; cursor:default; }

/************************ TABS ****************************/
.ai_tabs li ul { list-style:none; padding:0; }
.ai_tabs li ul li::before { content:"\f105"; font-size:16px; margin-right:10px;  font-family:FontAwesome; color:#e31e24; }

.ai_tabs_cmd, .ai_tabs {list-style:none; padding:0; margin:0; width:100%; clear:both;}
.ai_tabs_cmd {border-bottom: 1px solid #ccc;
    /* overflow: hidden; */
    z-index: 1;
    position: relative;
    height: 32px;
	overflow:visible !important; box-sizing: border-box;}
	
.ai_tabs {padding-top:30px;}
.ai_tabs_cmd li{float: left;
    /* border-bottom: 1px solid #ccc; */
    height: 30px;
    width: 130px;}
.ai_tabs > li {display:none;}
.ai_tabs > li:first-child  {display:block;}
.ai_tabs_cmd li:first-child button {border-bottom: 1px solid #fff;}
.ai_tabs_cmd button {    
    border: 1px solid #ccc;
    
    background: #fff;
   /*-webkit-border-top-right-radius: 30%;
    -moz-border-radius-topright: 30%;
    border-top-right-radius: 30%;*/
    line-height: 28px;
    font-size: 12px;
    color: #333;
	font-weight:bold;
    margin-right: 10px;
    margin-top: 2px;
    text-align: center;
    width: 120px;
	height:30px;
    z-index: 10;
    position: absolute;}
	
/***************************************/
.btn-download {padding: 10px 20px;
    color: #fff;
    background: #e31e24;
    float: right;
    margin-top: -70px;}
[data-modul="calculator"] {
    margin-top: -40px;
}
.l280 { width:280px; float:right; margin-left:40px; }
.l280 img { width:100%; }
.r650 { }

.icon-cabinet { cursor:pointer;  }

#user_box{
	position: absolute;
    top: 0;
    right: 0;
    min-height: 100%;
    background: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,0.3);
    max-width: 300px;
    z-index: 100;
	width:0;
	overflow:hidden;
}

#user_box_content {
	padding:20px; 
	width:300px;
}
.niceselect_dd { border:1px solid #ccc; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.niceselect_dd a { display:block; color:#666; border-bottom:1px solid #ccc; text-decoration:none; padding:0 10px; }
.niceselect_dd a:hover { color:#e31e24;}
#users_form_submit_button, #order_cancel_button, #order_submit_button, #calc_submit_button, #order_button {
    font-size: 16px;
    padding: 10px 40px 10px 40px !important;
    border: none !important;
    background: #e31e24 !important;
    background-color: #e31e24 !important;
    color: #FFF !important;
    font-weight: normal;
    cursor: pointer;
    border-radius: 5px;
}
.btn_exit {
	    font-size: 16px;
    padding: 10px 40px 10px 40px !important;
    border: none !important;
    background: #e31e24 !important;
    background-color: #e31e24 !important;
    color: #FFF !important;
    font-weight: normal;
    cursor: pointer;
    border-radius: 5px;
	margin-top:20px;
	display:inline-block;
}
iframe {
border: none;
overflow: hidden;
height: 240px;
width: 300px;
}
#modalBoxCloseButton { display: none; }
#modalBox {

left: 50% !important;
top: 188.5px;
display: none;
visibility: visible;
box-shadow: 0 0 30px rgba(0,0,0,0.3);
background: #fff url(/img/bg.png);
width: 300px;
text-align: center;
margin-left: -150px;
}
#modalBoxFaderLayer {
background-color: rgba(0,0,0,.5) !important;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
#content { position:relative; clear:both; }
.cbfield  div { display:inline;  }
.cbfield label { display:inline !important; }
#calc_form {
    clear: both;
    overflow: hidden;
    background: #eee;
    padding: 20px;
}
table.data { 
  width: 100%;
border-top: 1px solid #fff;
border-left: 1px solid #ccc;
border-spacing: 0px;
}
table.data  td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px;}
table.data  th {     background: #3f3f3f;
    color: #fff;
    padding: 5px;
    font-weight: normal;
    border-right: 1px solid #ccc; 
}
.hmenu a, .buttons a { padding: 5px 10px; border: 1px solid #e31e24; border-radius: 3px; color: #e31e24; margin: 5px; display:inline-block;}
.hmenu a:hover, .buttons a:hover { background: #e31e24; color: #fff;  }
#username a:hover {
    color: #e31e24 !important;
}
#user_box_content ul { list-style: none; }

#calc_form .submit { text-align: right;
    clear: both;
    display: inline-block;
    float: right;
    margin-top: -40px; }
#calc_form .block_questions h5 { font-size:18px; margin:0; padding:0 0 5px 0; font-weight:normal; text-transform:uppercase; }
#calc_form input[type="text"] { border:1px solid #ccc; border-radius:5px; font-size:18px; padding:6px; clear:both; min-width:220px; }	
#calc_form select { border:1px solid #ccc; border-radius:5px; font-size:18px; padding:6px; clear:both; min-width:220px; max-width:220px; }	
#calc_form select option { display:block; color:#666; border-bottom:1px solid #ccc; text-decoration:none; padding:0 10px;  }
#calc_form label { display:block; }

#calc_form .column1 { width:50%; float:left; }
#calc_form .column2 { width:50%; float:left; }

#calc_form .formblock { width:50%; float:left; padding:0px 0px;}
.hot-print select, #pay select { border:1px solid #ccc; border-radius:5px; font-size:14px; padding:6px; clear:both; min-width:50%; max-width:50%; margin:1px 0; }	

#pay select { 
min-width: 200px;
max-width: 360px;
}

#order_form .dragArea {
    display: inline-block;
    max-width: 350px;
}

[data-modul="calculator"] h4 { display:none; }
.modalBoxIe6layerfix { display:none; }

#send_order { display:none; }

.modalBoxBodyContent { padding:20px; box-shadow:0 0 30px rgba(0,0,0,0.3); background:#fff url(/img/bg.png); text-align:center; font-size: 18px; text-transform:uppercase; }

#calc_submit_button::after {content: "\f1ec";
    color: #fff;
    font-size: 22px;
    margin-left: 10px;
    font-family: FontAwesome;
    position: absolute;
    margin-top: 1px;}

#show_legend {display:none !important; font-size:0; text-indent:-5000px; }
#show_legend::after { content:"\f06e";     font-size: 26px;    margin-left: 10px;    font-family: FontAwesome;  color:#e31e24; }
#calc_price { font-size:26px; color:#000; }
#calc_result {     padding: 10px;    text-align: center;    border: 1px solid #eee;    margin: 5px 0;}

#calc_legend { display:none; position:absolute; left:50%; top:50%; background:#fff; padding:10px; box-shadow:0 0 20px #ccc;}
#calc_legend table { font-size:16px;  border-top:1px solid #ccc; border-right:1px solid #ccc;}
#calc_legend td, #calc_legend th { padding:5px; border-left:1px solid #ccc;  border-bottom:1px solid #ccc;text-align: left;}

#calc_legend .itog .name { font-size:26px; color:#000;}
#calc_legend .itog .price { font-size:26px; color:#000;}
#calc_legend td:last-child { text-align:center; }

.jBox-title div { font-family: "Oswald"; }
.field {padding:5px 0;}
#form_send_order label {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
}
#order_form textarea {
    width: 100%;
}

#send_order { padding:20px; background:#eee; }
#send_order .field {}

#send_order label {
    width: 200px;
    display: block;
    float: left;
}

#calc_form .field {
    width: 50%;
    float: left;
    padding: 0px 0px;
}
#userinfo { display:none; }
#topmenu {
    padding: 10px 0;
    clear: both;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
} 
#topmenu a { display: inline-block;
padding: 5px 10px;
color: #333;
border: 1px solid #ccc;

width: 130px;
float: none;
border-bottom: 3px solid #ccc;
margin: 5px;
min-height: 45px;
border-radius: 5px;
text-align: center;
vertical-align: middle;
 }
 #catalog, [data-content="908"] { overflow:hidden; }
 #topmenu a:hover { background:#e31e24; color:#fff; border-color:#e31e24;}
[data-modul="type"] { clear: both; margin-bottom: 40px; }
.item-box {float:left; width: 18% !important; padding:10px; box-sizing:border; border:1px solid #ccc;border-bottom: 3px solid #ccc; margin:10px !important; text-align:center; font-size:18px; min-height: 312px;}
.item-box a div { color:#000; font-size:22px; text-transform:uppercase; margin-top:20px; line-height:22px; }
.item-box p { color:#666; font-size: 14px !important; }
.item-box .item-img-box { width:100% !important;}
.item-box a { display:block; text-align:center; }


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

	
@media only screen and (max-width : 480px) { 
h2, .h2 {
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  font-weight: normal;
  text-align: center;
}
#send_order_bottom  input, #send_order_bottom textarea { width:100% !important;}
#calc_form .field {
    width: 100%;
    float: left;
    padding: 0px 0px;
}
#calc_form .submit {
    text-align: right;
    clear: both;
    display: inline-block;
    float: none;
    margin-top: 10px;
}
[data-content="717"] table td { width:100% !important; display:block;}

.item-box {float:left; width: 95% !important;}
[data-modul="calculator"] {
    margin-top: -40px;
    padding: 0 10px;
}
[data-modul="sprice"] { padding: 0 10px; }
 
.submenu > a::before {
    content: "\f107";
    font-size: 16px;
    margin-right: 10px;
    font-family: FontAwesome;
    position: absolute;
    margin-left: -15px;
    margin-top: 5px;
}
header .top-menu {    padding: 10px 0; }
 
    header .menutop > ul {  
        display: none;  
        height: auto;  
    } 
header .menutop > ul li {
    display: block !important;
    border-bottom: 1px dotted #ccc;
    padding: 13px 20px;
}
	
header  #pull {  
display: block !important;  
background-color: #f3f3f3;  
width: 100%;  
position: relative; 
color:#666;
padding:0 20px;		
} 
	
header .menutop #pull:after {  
content:"\f0c9";  
width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 0; 
		font-family:FontAwesome;
		color:#666;	
		cursor:pointer;	
		font-size:26px;		
		
    } 

.table_price { display:block; overflow-x:scroll;}
.table_price tbody {display:table;}

[data-modul="sprice"] h3 {
    border: 1px solid #ccc;
    padding: 5px 10px;
    float: left;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    width: 31%;
}
[data-modul="sprice"] h3:last-child {
margin-right: 0px;
}	
#calc_form .column1 { width:100%; float:none; }
#calc_form .column2 { width:100%; float:none; }	
} 
.lighting_col .lighting_cell{background:#e31e24 !important; color:#fff !important;}
.lighting_cell {background:rgba(0,0,0,.2) !important;  cursor:pointer;}
.lighting_col {background:rgba(0,0,0,.2) !important;  cursor:pointer;}

.highlight-table tr.lighting_col:nth-child(2n+1) td.lighting_cell{background:#e31e24 !important; color:#fff !important;}
.highlight-table tr.lighting_col:nth-child(2n+1) td {background:rgba(0,0,0,.2) !important;  cursor:pointer;}

@media only screen and (max-width : 768px) { 
.rcmd {
    color: #e31e24;
    font-size: 14px;
    line-height: 100px;
    padding-left: 32px;
}
}
div.popup {
    width: 100%;
    padding: 20px;
}
div.fblock_bottom {
    position: relative;
    padding: 10px;
    margin: 0;
    background-image: url(/image/maple/order-bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background: #ededed;
}
div.popup label {
    display: block;
    padding: 5px 0 0 0;
    text-align: left;
    text-transform: none;
    font-size: 14px;
}
div.popup div.buttons a {
    text-decoration: none;
    font-weight: normal;
    display: block;
    float: right;
    border: 1px solid #e31e24;
    background-color: #e31e24;
    color: #fff;
    padding: 5px 20px 5px 20px;
    margin-left: 10px;
    font-size: 13px;
}
div.popup textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
        border-bottom-color: rgb(204, 204, 204);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    background-color: #fff;
    padding: 5px;
}
div.fblock a.add {
    background-image: none;
}
table.data th.last {
    border-right: 2px solid #333 !important;
}
table.data th.first {
    border-left: 2px solid #333 !important;
}
div.hmenu a {
    color: #e31e24;
}
.hmenu a, .buttons a {
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #e31e24;
    margin: 5px;
    display: inline-block;
}
div.fblock a.add {
    display: block;
    position: absolute;
    top: 14px;
    right: 16px;
    height: auto;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 6px;
    padding: 0px 0px 0px 24px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    background: #e31e24;
        background-image: none;
    padding: 5px;
}
#login_passwd, #login_login { width:100% !important; max-width: 250px;}
#users_form #users_form_submit_button {
    font-size: 16px;
    padding: 10px 40px 10px 40px !important;
    border: none !important;
    background: #e31e24 !important;
        background-color: rgb(227, 30, 36);
    background-color: #e31e24 !important;
    color: #FFF !important;
    font-weight: normal;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;max-width: 250px;
}
#users_form #login_form::after {
    content: "\f090";
    font-family: FontAwesome;
    margin-left: 10px;
    color: #fff;
    position: absolute;
    margin-top: -35px;
    margin-left: 23px;
}


[data-color]{-webkit-filter: grayscale(100%);}
[data-color]:hover{-webkit-filter: grayscale(0%);}
div.fblock_top {
    position: relative;
    padding: 0;
    margin: 0;
    background-image: none;
    background-repeat: no-repeat;
}

div.fblock {
    position: relative;
    margin: 10px 0 10px 0;
    width: 100%;
    padding: 0;
    background-image: none;
    background-repeat: repeat-y;
}
.col-14,
.col-15,
.col-16,
.col-16,
.col-17,
.col-18,
.col-19,
.col-20,
.col-21,
[data-tir="30000"],
[data-tir="40000"],
[data-tir="50000"],
[data-tir="60000"],
[data-tir="70000"],
[data-tir="100000"],
[data-tir="120000"],
[data-tir="13000"],
[data-tir="140000"],
[data-tir="110000"],
[data-tir="150000"],
[data-tir="160000"],
[data-tir="180000"],
[data-tir="200000"],
[data-tir="80000"]
{
	display:none !important;
}
.category h3, .category-list h3 {
	color:#000;
	margin:0;
}
.category h3 a{

	color:#000 !important;
}
.category-list h3 {
	margin:0;
	color:#000;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}
.category-list {
	padding:20px;
	border:1px dotted #ccc;
}
.category ul, .category-list ul{
	margin:0;
	padding:0;
list-style:none;
}
.category ul li, .category ul li a {
color:#666;
text-align:left;
}
.category > div {
border: 1px solid #f2f2f2;
margin: 5px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,.06);
height: 105px;
vertical-align: middle;
min-width: 100%;
text-align: center;
position: inherit;
background-size: 29% !important;
}

.category-list .col-12 {
	margin-bottom:0;
	padding: 5px 5px 5px 5px;
}
.category > div> h3> a, .category-list > div >h3 > a{
	color:#666;
display: table-cell;
vertical-align: middle;
text-align: right;
width: 246px;
height: 64px;
padding-left: 28%;
}
.category > div> a, .category-list > div a{
color:#666;

}

.category > div a:hover{
	color: #e31e24;
}

.category .sub-category {
	display:none;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	padding:20px;
	background:#fff;
	position:absolute;
	z-index:200000;
}
.category:hover .sub-category {
	display:block;
	
}
.product-list h2{
	margin-top:0;
	padding-top:0;
}
.product-list .price { font-size:22px; padding:10px 0;}
.product-list .price b{
color:#000;}
.product-list {
	padding:0 0 100px 20px;
}
.prod-name {
text-transform: uppercase;
font-size: 13px;
color: #000;
position:relative; padding:0px 0 0px 12px;
margin:10px 0;
}

.etention {
 font-style: italic;	font-size: 12px; padding-top:10px;
}
.product-list .content { margin: 10px 0;
/*border-bottom: 1px dotted #ccc;*/
padding: 10px 0;
/*border-top: 1px dotted #ccc;*/}

[data-product_id] {
margin: 20px 0 0 0;
clear: both;
display: inline-block;
font-size: 18px;
text-transform: uppercase;
padding: 10px 30px;
}
.prodbox {padding:20px;}
.prodbox:hover {  box-shadow:0 0 80px rgba(0,0,0,.2); background:#fff;}

.prod-photo img{ max-width:100%; height:220px; }
.prod-photo { text-align:center; }
@media only screen and (max-width : 768px) { 

.category h3 { margin:0; padding:0; }
.category .col, [class*="col-"]{
	padding:0;
}
.category > div {
	border:none;
border-bottom: 1px solid #f2f2f2;
margin: 5px;
padding: 10px;
box-shadow: none;
}

}
.active {
	color:#e31e24 !important;
}
.prod-name b{color: #000;}
.prod-name::before {
	content:" ";
	width:3px;
	display:block;
	height:100%;
	background:#e31e24;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
}

.sub-category .name a { color:#000; text-align:center; text-transform:uppercase; font-weight:bold; display:block; }
.product-list .content table
{ border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:10px;}
.product-list .content table td
{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px; text-align:center; }

.mh2 { background:#f2f2f2; padding:10px !important; margin-bottom:30px; }

#user_form {
	position:absolute;
	padding:20px;
	background:#f2f2f2;
	border:10px solid #fff;
	box-shadow: 0 20px 30px rgba(0,0,0,.3);
	top:10%;
	max-width:600px;
	width:100%;
	margin:10px;
	display:none;
}
body{
  margin: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x:hidden;
}

.container {
  /* Чтобы занимал оставшееся пространство */
  flex-grow: 1;

}
.big-menu .item-box .item-img-box {
    /* border: 1px dotted rgba(169, 189, 63, 1); */
    background: #EEEEEE;
    border-radius: 150px;
    display: inline-block;
    width: 147px !important;
    height: 150px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
footer {
  flex-shrink: 0;
}
.products {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  transition: all ease .238s;
}
.products a {
  max-width: 180px;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  margin: 10px;
  border-radius: 15px;
  overflow: hidden;
	padding: 10px;
	transition: all ease .238s;
}
.products a.active{
	border:1px solid #e31e24;
}
.products a:hover {
	/*border:1px solid #e31e24;*/
	box-shadow: 0 0 15px 10px rgba(0,0,0,.08);
}
.products img {
  width:100%;
}
[data-modul="parser"] .col-6_xs-12 {
  padding: 20px 10px !important;
}

[data-modul="parser"] selectы {
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  background-color: #F07575; /* Fallback color if gradients are not supported */
  background-image: url(../images/select-arrow.png), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
  background-image: url(../images/select-arrow.png), -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Firefox (3.6 to 15) */
  background-image: url(../images/select-arrow.png), -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of Internet Explorer  10*/
  background-image: url(../images/select-arrow.png), -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */
  background-image: url(../images/select-arrow.png), linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
height: 50px;
border-radius: 6px;
padding: 10px;
margin: 10px 0;
}

/* multiple line select control (eg <select size="10">) */
.us-form select {
/*-webkit-appearance: none;*/
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
height: auto;
margin: 2px;
padding: 0.3em 0 0.3em 0.4em;
border: 1px solid #c4c0c0;
  border-bottom-color: rgb(196, 192, 192);
  border-bottom-style: solid;
  border-bottom-width: 1px;
border-radius: 2px;
background:#fff;
font-size: 20px !important;
-webkit-transition: box-shadow 200ms, border-color 200ms;
-moz-transition: box-shadow 200ms, border-color 200ms;
-ms-transition: box-shadow 200ms, border-color 200ms;
transition: box-shadow 200ms, border-color 200ms;
vertical-align: middle;
overflow: scroll;
padding: 10px 20px;
border-radius: 5px;
width: 92%;
margin: 1px 10% 0 0;
border-bottom: 1px solid #999 !important 
}
.us-form label {
    width: 100%;
    display: block;
    position: relative;	
}
/*.us-form label::after {
    content: "\f107";
    font-size: 22px;
    font-family: FontAwesome;
    margin-right: 0px;
    position: absolute;
    right: 30px;
    top: 37px;
}*/

.us-form select .error {
  border-color: #bf212e; 
}
.us-form select:focus {
  outline: none;
  color: #333333;
  border-color: #66ccff;
  box-shadow: 1px 3px 2px #eeeeee inset, 0 0 4px #66ccff; 
}
.us-form select:focus:hover {
  outline: none;
  color: #333333;
  border-color: #66ccff;
  box-shadow: 1px 3px 2px #eeeeee inset, 0 0 4px #66ccff; 
}
.us-form.error select, .us-form .error select {
  border-color: #bf212e;
  color: inherit; 
}
.no-touch .us-form select:hover {
  border-color: #c4c0c0;
  box-shadow: 1px 3px 2px #eeeeee inset, 0 0 0 2px #ffff88; 
}

/* hidden */
.us-form select.hidden {
  display: none; 
}
#mdgbox {
  padding: 16px;
  background: #e6e6e6;
  margin: 20px 0px;
  border-radius: 5px;
}
#mdgbox p{
  margin: 0;
  padding: 0;
  margin-top: -2px;
}
.cmd-order {
  cursor: pointer;
  padding: 5px 25px !important;
  color: #fff;
  background: #e31e24;
  border-radius: 5px;
  border: none !important;
  font-size: 22px;
  text-transform: uppercase;
  width: auto;
  line-height: 39px;
  display: inline-block;
}

.price-box{
text-align: right;
font-size: 26px;
line-height: 70px !important;
}

.type-box {
text-align: center;
line-height: 16px;
font-size: 14px;
color: #888;
height: 100%;
margin-bottom: 30px;
border: 1px dotted #ccc;
margin: 10px;
}
.type-box:hover {
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,.08); 
}
.type-box.active {
	border: 1px solid #e31e24;
}

.type-box b{
  text-align: center;
  display:block;
  line-height:22px;
  font-size:16px;
  color:#333;
  margin-top:10px;
}
#form .col-2_xs-6 {
	padding-bottom:20px;
}
.type-box img{
max-height: 118px;
min-height: 118px;
margin-top: 10px;
}

@media only screen and (max-width : 768px) { 
#st_order_form .ci_form label {
  width: 100% !important;
  display: block;
  float: left !important;
  height: 40px;
}
#st_order_form input[type="text"] {
  width: 100% !important;
  margin: 1px 0;
}
#st_order_form {
  position: fixed;
  display: block;
  opacity: 1;
  z-index: 10000;
  left: 0 !important;
  top: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  bottom: 0 !important;
  overflow: scroll !important;
}






.products a {
  max-width: 136px;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  margin: 10px;
  border-radius: 15px;
  overflow: hidden;
  padding: 10px;
  transition: all ease .238s;
}
.products img {
  margin-left: -23px;
  height: 90px;
}
}



.plus_minus:hover {}
.plus_minus {
float: right;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 0px;
    cursor: pointer;
    color: #666;
    transition: all ease .238s;
    left: 0;
    height: 46px;
    text-align: right;
}

.box-post {
  padding: 10px;
  margin: 10px;
  border: 1px solid #cfcfcf;
  position:relative;
  height: 52px;
overflow: hidden;
transition: all ease .238s;
}
.box-post p{ padding:0px; margin:0;}


#form label {
	width:100% !important;
}
#form .dragArea {
	width:90% !important;
}
#form .post-name b {
	float:right;
	padding:0 10px;
}
#form .post-name {
	border-bottom: 1px dashed #a1a1a1;
}
#form .post-name, #form .post-subtext {
	margin-left:40px;
}
#form .post-subtext {
	color:#cfcfcf;
}
#form [type="checkbox"] {

    position: absolute;
top: 24px;
left: 21px;
z-index: 2;
opacity: 1;
cursor: pointer;
}
.box-post .col-6_xs-12 {
	position:relative;
}
.contact-box.act a, .contact-box.act button {
    bottom: 5px !important;
}
.contact-box {
    position: fixed;
    bottom: 40%;
    right: 12px;
    font-size: 28px;
    padding: 5px;
}
.contact-box img{

	border-radius: 50%;
}
.contact-box img:hover{
	box-shadow:0 0 5px 5px rgba(0,0,0,.2);

}
.contact-box a i, .contact-box button i {
    color: #fff;
}

.contact-box * {
    transition: all ease .238s;
}
.contact-box a, .contact-box button {
    display: block;
    padding: 2px 12px;
    border-radius: 50%;
    margin: 3px;
    text-align: center;
    border: none;
    font-size: 23px;
    right: 5px;
    position: absolute;
    height: 45px;
    width: 47px;
}

.error_input {
  border-bottom: 2px dotted #d88d94 !important;
  color: #e31e24;
  margin-left:10px;
}
.us-form select:hover, .us-form input:hover {
box-shadow: 0 0 15px 10px rgb(0 0 0 / 8%);
cursor:pointer;
}
.box-culc #mdgbox {
  padding: 26px 0;
  background: #fff;
  margin: 20px 0px;
  border-radius: 5px;
  font-size:14px;
  border-top:1px dotted;
}

.box-culc  .price-box{
text-align: right;
font-size: 26px;
line-height: 60px !important;
margin-top:-16px;
}
.box-culc .box-post p { margin-bottom:20px;}
.box-culc .box-post {
	margin:20px 0;
}

.box-culc #form [type="checkbox"] {
	top:-7px;
	left:4px;
}
.box-culc #form .post-subtext{
	font-size:14px;
}
.box-culc .us-form select {
/*-webkit-appearance: none;*/
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
height: auto;
margin: 2px;
padding: 0.3em 0 0.3em 0.4em;
border: 1px solid #fff;
  border-bottom-color: rgb(196, 192, 192);
  border-bottom-style: solid;
  border-bottom-width: 1px;
border-radius: 2px;
background:#f5f5f5;
font-size: 20px !important;
-webkit-transition: box-shadow 200ms, border-color 200ms;
-moz-transition: box-shadow 200ms, border-color 200ms;
-ms-transition: box-shadow 200ms, border-color 200ms;
transition: box-shadow 200ms, border-color 200ms;
vertical-align: middle;
overflow: scroll;
padding: 5px 20px;
border-radius: 5px;
width: 84%;
margin: 0;
border-bottom: 1px solid #fff !important 
}
[id*="calculator"] {background:#eee; padding:20px;}
[id*="calculator"] h2 { font-size:14px !important;}

[id*="calculator"] .h3 { font-size:26px !important;}


[id*="calculator"] {
  background: #fff;
  padding: 20px;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;

  margin: 20px 0;
}

.block_ds, .block_paper, .block_questions, .block_jobs, .block_br {
  display: block;
}

#calc_form {
  clear: both;
  overflow: hidden;
  background: #fff;
  padding: 20px;
}

.niceselect, .niceinput {
  background-color: #f5f5f5 !important;
  border: none !important;
  border-bottom:none !important;
  
  
}

.left-menu ul ul{
	display:none;
	padding-left:20px;
	font-size:16px;
	margin-top:5px;
}
.left-menu ul ul li{ 
border:none;
padding-bottom:0;
margin-bottom:0;
}

.mplus {
	float:right;
	padding:0 3px;
	font-size:11px;
	font-weight:normal;
	border:1px solid #ccc;
	color:#ccc;
	margin-top:5px;
	cursor:pointer;
	display:none;
	
}