@font-face {
font-family : rouble;
src : url('/themes/sti/font/rouble.eot');
src : url('/themes/sti/font/rouble.eot?#iefix') format('embedded-opentype'), url('/themes/sti/font/rouble.woff') format('woff'), url('/themes/sti/font/rouble.ttf') format('truetype');
font-weight : normal;
font-style : normal;
font-display : swap;
}
html,
body {
overflow-x : hidden;
}
body {
margin : 0;
padding : 0;
background-color : #fff;
font-family : arial;
color : #000;
font-size : 14px;
line-height : 1.5em;
}


header {
height : 320px;
}


.site_cont {
position : relative;
text-align : center;
background-color : #e5e5dd;
}
.header_cont {
position : fixed;
top : 0;
left : -8px;
width : 100vw;
height : 150px;
z-index : 100;
}
.header_cont_pane {
position : relative;
display : inline-block;
width : 1230px;
background : #fff url(/themes/sti/images/name-bg.jpg) 0 0 repeat-x;
border-bottom : #e5e5dd 1px solid;
}
.header_cont_pane .logo {
background : url(/themes/sti/images/logo-bg.jpg) 0 0 no-repeat;
position : relative;
float : left;
height : 150px;
}
.header_cont_pane .logo a {
height : 150px;
}
.header_cont_pane .logo img {
padding-left : 8px;
}
.header_cont_pane:before,
.header_cont_pane:after {
content : "";
position : absolute;
top : 0;
height : 150px;
z-index : 1;
}
.header_cont_pane:before {
width : 50px;
right : 230px;
background : url(/themes/sti/images/top-right-bg.jpg) 0 0 no-repeat;
}
.header_cont_pane:after {
width : 230px;
right : 0;
background : url(/themes/sti/images/top-right.jpg) 0 0 no-repeat;
}
.header_cont_pane div {
position : relative;
z-index : 2;
}
.header_cont_pane .name {
color : #332d7b;
font-size : 55px;
line-height : 55px;
font-weight : bold;
text-decoration : none;
margin : 45px 230px 0 196px;
}



.header_cont_pane .contacts {
color : #c0c0c0;
font-size : 14px;
font-weight : bold;
text-decoration : none;
margin : 17px 230px 0 196px;
}
.header_cont_pane .contacts a:link,
.header_cont_pane .contacts a:visited {
color : #c0c0c0;
text-decoration : none;
}
.header_cont_pane .contacts a:hover {
color : #fff;
}
.header_cont_pane .contacts .phone {
position : relative;
padding-left : 40px;
margin-right : 30px;
}
.header_cont_pane .contacts .phone:before {
content : "";
position : absolute;
display : inline-block;
top : -8px;
left : 0;
width : 30px;
height : 30px;
background : url(/themes/sti/images/icons.png) 0 0 no-repeat;
overflow : hidden;
}
.header_cont_pane .contacts .phone:hover:before {
background : url(/themes/sti/images/icons.png) 0 -30px no-repeat;
}
.header_cont_pane .contacts .whatsapp {
position : relative;
padding-left : 40px;
margin-right : 30px;
}
.header_cont_pane .contacts .whatsapp:before {
content : "";
position : absolute;
display : inline-block;
top : -8px;
left : 0;
width : 30px;
height : 30px;
background : url(/themes/sti/images/icons.png) -30px 0 no-repeat;
overflow : hidden;
}
.header_cont_pane .contacts .whatsapp:hover:before {
background : url(/themes/sti/images/icons.png) -30px -30px no-repeat;
}
.header_cont_pane .contacts .viber {
position : relative;
padding-left : 40px;
margin-right : 30px;
}
.header_cont_pane .contacts .viber:before {
content : "";
position : absolute;
display : inline-block;
top : -8px;
left : 0;
width : 30px;
height : 30px;
background : url(/themes/sti/images/icons.png) -60px 0 no-repeat;
overflow : hidden;
}
.header_cont_pane .contacts .viber:hover:before {
background : url(/themes/sti/images/icons.png) -60px -30px no-repeat;
}
.header_cont_pane .contacts .email {
position : relative;
padding-left : 40px;
}
.header_cont_pane .contacts .email:before {
content : "";
position : absolute;
display : inline-block;
top : -8px;
left : 0;
width : 30px;
height : 30px;
background : url(/themes/sti/images/icons.png) -90px 0 no-repeat;
overflow : hidden;
}
.header_cont_pane .contacts .email:hover:before {
background : url(/themes/sti/images/icons.png) -90px -30px no-repeat;
}






.main_content {
position : relative;
text-align : left;
background : #fff;
}
.main_content p:last-child {
margin-bottom : 0;
}
.main_content_cont {
position : relative;
display : inline-block;
width : 1230px;
}
.main_content_cont:after {
content : "";
display : block;
position : relative;
width : 1230px;
height : 6px;
top : 0;
left : 0;
background : url(/themes/sti/images/bottom-bg.jpg) 0 0 repeat-x;
}
.main_content:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}

aside.left,
main {
float : left;
}
aside.left {
text-align : center;
}
main {
display : inline-block;
width : 1005px;
border-left : #e5e5dd 1px solid;
}
aside,
main {
padding : 10px;
box-sizing : border-box;
}


.menu ul {
position : relative;
display : block;
list-style : none !important;
margin : 0 0 11px 0;
padding : 0 0 1px 0;
box-sizing : border-box;
border-bottom : #332d7b 1px solid;
text-align : left;
}
.menu ul li {
position : relative;
list-style : none !important;
padding : 0;
margin : 0;
}
.menu ul li a,
.menu ul li span {
background : #332d7b;
display : block;
box-sizing : border-box;
position : relative;
width : 205px;
line-height : 21px;
padding : 3px 0 4px 8px;
color : #fff;
text-decoration : none;
font-weight : bold;
}
.menu ul li a:hover {
text-decoration : underline;
}
.menu ul li a:after,
.menu ul li span:after {
content : "";
background : url(/themes/sti/images/menu-arrow-1.png) 0 0 no-repeat;
width : 10px;
height : 7px;
display : inline-block;
}
.menu ul li {
margin-bottom : 2px;
}
.menu ul li:last-child {
margin-bottom : 0;
}
.menu ul li:before {
content : "";
position : absolute;
border-top : #332d7b 1px solid;
width : 205px;
height : 3px;
top : -2px;
left : 0;
}


.menu ul li ul {
margin : 3px 0 0 0;
border-bottom : none;
}
.menu ul li ul li {
padding-bottom : 2px;
}
.menu ul li ul li a {
color : #332d7b;
background : none;
}
.menu ul li ul li a,
.menu ul li ul li div {
padding : 0;
font-size : 12px;
font-weight : normal;
}
.menu ul li ul li a:after,
.menu ul li ul li div:after {
display : none;
}
.menu ul li ul li a:before,
.menu ul li ul li div:before {
content : "";
background : url(/themes/sti/images/nav-marker.png) 0 0 no-repeat;
width : 26px;
height : 7px;
display : inline-block;
}
.menu ul li ul li:after {
content : "";
position : absolute;
border-top : #332d7b 1px solid;
width : 205px;
height : 3px;
bottom : -2px;
left : 0;
}
.menu ul li ul li:last-child:after {
display : none;
}







.block_cont {
border : #332d7b 1px solid;
padding : 0 7px 7px 7px;
position : relative;
margin-bottom : 11px;
box-sizing : border-box;
width : 205px;
text-align : left;
}
.block_title {
background : #332d7b;
margin-bottom : 7px;
text-align : center;
font-weight : bold;
line-height : 27px;
color : #fff;
}
.block_cont div p:first-child {
margin-top : 0;
}
.block_cont div p:last-child {
margin-bottom : 0;
}
.block_cont .searchbox {
text-align : center;
}
.block_cont .searchbox form {
display : inline-block;
width : 166px;
margin : 0;
}
.block_cont .searchbox form input[type=text] {
width : 148px;
font-size : 12px;
box-sizing : border-box;
float : left;
border : 1px solid #332d7b;
color : #000;
height : 20px;
outline : none;
}
.block_cont .searchbox form input[type=image] {
float : right;
margin-top : 3px;
}







footer {
display : inline-block;
width : 1230px;
position : relative;
}
.copyright_cont {
background : #fff;
padding : 10px;
}
.copyright_cont:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}
.copyright {
float : left;
text-align : left;
}
.copyright_dev {
float : right;
text-align : right;
padding-top : 1.5em;
}
.copyright_cont a:link,
.copyright_cont a:visited {
text-decoration : none;
}
.copyright_cont a:hover {
color : #000;
}


.orel-map {
height : calc(700px * 9 / 16);
}

ul.main-goods {
position : relative;
display : block;
list-style : none !important;
margin : -1em 0 0 0;
padding : 0;
box-sizing : border-box;
}
ul.main-goods li {
position : relative;
list-style : none !important;
padding : 0;
margin : 0;
width : 33%;
min-width : 285px;
float : left;
}
ul.main-goods li div {
text-align : center;
margin : 1em 0;
}
ul.main-goods li img {
float : left;
margin-right : 5px;
}
ul.main-goods li a {
font-size : 13px;
}
ul.main-goods:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}



h1 {
font-size : 24px;
line-height : 24px;
margin-top : 0;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
}

.page_title {
text-align : center;
font-weight : bold;
}
.error,
.notify {
color : #ff0000;
}
a:link,
a:visited {
color : #0f0868;
text-decoration : underline;
}
a:hover {
color : #0f0868;
text-decoration : none;
}


sup {
margin-bottom : 5px;
padding-bottom : 5px;
line-height : 17px;
}
sub {
margin-top : 5px;
padding-top : 5px;
line-height : 17px;
}












section.goods ul {
position : relative;
display : block;
list-style : none !important;
margin : 0;
padding : 0;
box-sizing : border-box;
line-height : 16px;
}
section.goods ul li {
position : relative;
list-style : none !important;
padding : 0;
margin : 0;
}
section.goods ul li {
border-top : #e5e5dd 1px solid;
margin-top : 10px;
padding-top : 10px;
}
section.goods ul li:first-child {
border-top : none;
margin-top : 0;
padding-top : 0;
}
section.goods ul li:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}
section.goods a:link,
section.goods a:visited {
color : #0f0868;
font-size : 14px;
text-decoration : none;
font-weight : bold;
}
section.goods a:hover {
text-decoration : underline;
}
section.goods img {
margin-right : 5px;
float : left;
}

.goods_all {
display : inline-block;
background : #0f0868;
color : #fff;
font-size : 14px;
font-family : 'Arial';
font-weight : normal;
text-align : center !important ;
padding : 5px 40px;
margin : 10px 0 0 0;
min-width : 80px;
min-height : 30px;
line-height : 30px;
cursor : pointer;
}
.goods_all:hover {
opacity : 0.75;
}
a.goods_all:link {
color : #fff;
text-decoration : none;
}
a.goods_all:visited {
color : #fff;
text-decoration : none;
}
a.goods_all:hover {
color : #fff;
text-decoration : none;
}
.prev {
font-style : italic;
}
.rouble {
font-family : rouble;
font-size : 112%;
letter-spacing : 2px;
}
.rouble span {
display : none;
}



.content h2 {
text-align : center;
margin : 1em 0;
}
.content .content_photo img,
.content_header .content_photo img {
float : left;
margin-top : 5px;
margin-right : 10px;
}
.content .table_cont {
overflow-x : auto;
}
.content .table_cont ~ .table_cont,
.prev ~ .content .table_cont {
margin-top : 1em;
}
.content table:not([class]) {
width : 100%;
border-collapse : collapse;
}
.content table:not([class]) th {
text-align : center;
border : #000 1px solid;
font-weight : bold;
padding : 10px;
}
.content table:not([class]) td {
background: #fff;
border : #000 1px solid;
padding : 10px;
}
.content ul:not([class]) {
padding-left: 0;
padding-right: 2.5em;
}
.content ul:not([class]) li {
position : relative;
-webkit-transform: translateX(2.5em);
-moz-transform: translateX(2.5em);
-o-transform: translateX(2.5em);
-ms-transform: translateX(2.5em);
transform: translateX(2.5em);
list-style: none;
}
.content ul:not([class]) li:before {
content : "";
position : relative;
display : inline-block;
top : -2px;
width : 5px;
height : 5px;
margin-right : 5px;
background : #000;
border-radius : 5px;
}


.content h2:before {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}



.content .prices_tbl {
width : 100%;
border-collapse : collapse;
}
.content .prices_tbl tr:hover {
background-color : #e5e5dd;
}
.content .prices_tbl th {
background: #fff;
text-align : center;
border : #000 1px solid;
font-weight : bold;
padding : 10px;
}
.content .prices_tbl td {
border : #000 1px solid;
padding : 10px;
}
.content .prices_tbl td:nth-child(2),
.content .prices_tbl td:nth-child(3),
.content .prices_tbl td:nth-child(4),
.content .prices_tbl td:nth-child(5) {
text-align : center;
}
.content .prices_tbl td:last-child {
width : 80px;
}
.content .prices_tbl .order-tbl {
display : inline-block;
background : #0f0868;
color : #fff;
font-size : 14px;
font-family : 'Arial';
font-weight : normal;
text-align : center !important ;
padding : 5px 20px;
margin : 0;
line-height : 30px;
cursor : pointer;
}
.content .prices_tbl .order-tbl:link,
.content .prices_tbl .order-tbl:visited {
color : #fff;
text-decoration : none;
}
.content .prices_tbl .order-tbl:hover {
opacity : 0.75;
color : #fff;
text-decoration : none;
}






#recall_form,
#order_form {
display : none;
z-index : 5000;
width : 350px;
padding : 25px;
font-family : arial;
}
#recall_form p,
#order_form p {
text-align : center;
font-weight : bold;
margin : 0 0 2em 0;
padding : 0;
}
#recall_form input[type=text],
#recall_form input[type=button],
#order_form input[type=text],
#order_form input[type=button] {
width : 350px;
display : block;
box-sizing : border-box;
border : #332d7b 2px solid;
padding : 12px;
outline : none;
font-size : 16px;
margin : 30px 0 0 0;
}
#order_form textarea {
width : 350px;
height : 150px;
display : block;
box-sizing : border-box;
border : #332d7b 2px solid;
padding : 10px;
outline : none;
font-family :  Arial;
font-size : 16px;
margin : 2em 0 0 0;
resize: none;
}
#recall_form span,
#order_form span {
display : block;
margin : 21px 0 0 0;
}
#recall_form input[type=button],
#order_form input[type=button] {
background-color : #332d7b;
color : #fff;
cursor : pointer;
}
#recall_form input[type=button]:hover,
#order_form input[type=button]:hover {
background-color : #fff;
color : #332d7b;
}
#recall_form input[type=button]:disabled,
#order_form input[type=button]:disabled {
border : #A2A6AD 2px solid;
background-color: #A2A6AD;
color: #fff;
}
#recall_form div,
#order_form div {
color : #ff1419;
font-size : 14px;
}
#recall_form input[name=recall_code],
#order_form input[name=order_code] {
float : right;
width : 217px;
}
#recall_form img.code,
#order_form img.code {
margin : 30px 0 0 0;
border : 2px solid #332d7b;
}
#recall_form img.reload-code,
#order_form img.reload-code {
cursor : pointer;
margin-bottom : 2px;
}
#recall_form img.reload-code:hover,
#order_form img.reload-code:hover {
opacity : 0.6;
}
#recall_form img.reload-code-animation,
#order_form img.reload-code-animation {
animation: reload-code-animation .5s 0s infinite linear;
}
@keyframes reload-code-animation {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}




.goods-list {
position : relative;
display : block;
list-style : none !important;
margin : 0;
padding : 0;
box-sizing : border-box;
}
.goods-list li {
position : relative;
list-style : none !important;
padding : 0 0 0 18px;
margin : 1em 0 0 0;
background : url(/themes/sti/images/block-marker.png) 0 7px no-repeat;
box-sizing : border-box;
}




.directory-list {
position : relative;
display : block;
list-style : none !important;
margin : -1em 0 0 0;
padding : 0;
box-sizing : border-box;
}
.directory-list li {
position : relative;
list-style : none !important;
padding : 0 0 0 18px;
margin : 1em 0 0 0;
background : url(/themes/sti/images/block-marker.png) 0 7px no-repeat;
box-sizing : border-box;
display : inline-block;
width : 25%;
min-width : 160px;
}





.spec-list {
position : relative;
display : block;
list-style : none !important;
margin : 0;
padding : 0;
box-sizing : border-box;
}
.spec-list li {
position : relative;
list-style : none !important;
padding : 1em 0;
margin : 0;
box-sizing : border-box;
border-bottom : #e5e5dd 1px solid;
}
.spec-list li:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}
.spec-list li img {
float : left;
margin-right : 10px;
}
.spec-list li h2 {
text-align : left;
margin-top : 0;
}




.mapsite {
position : relative;
display : block;
list-style : none !important;
margin : 0;
padding : 0;
box-sizing : border-box;
}
.mapsite li {
position : relative;
list-style : none !important;
padding : 0;
margin : 0;
box-sizing : border-box;
}
.mapsite li ul {
padding : 0 0 0 20px;
}
.mapsite li b {
display : inline-block;
margin : 0.5em 0;
}
.mapsite li a {
display : inline-block;
margin : 0.5em 0;
text-decoration : none;
}
.mapsite li b a {
margin : 0;
}
.mapsite li a:hover {
text-decoration : underline;
}







ul.users-form {
list-style-type : none;
margin : 0;
padding : 0;
line-height : 30px;
font-size : 14px;
}
ul.users-form li {
list-style-type : none;
padding : 12px 0;
border-bottom : 1px solid #e5e5dd;
position : relative;
text-align : left;
}
ul.users-form label {
width : 258px;
line-height : 1.5em;
display : inline-block;
float : left;
padding : 10px 10px 0 0;
}
ul.users-form label.order_content {
float : none;
margin-bottom : 1em;
}
ul.users-form div {
height : 45px;
}
ul.users-form input,
ul.users-form textarea {
border : 1px solid #332d7b;
box-shadow : none;
outline : none;
font-family : RobotoRegular;
box-sizing : border-box;
font-size : 14px;
font-family : arial;
}
ul.users-form input {
padding : 13px 10px;
width : 716px;
}
ul.users-form textarea {
padding : 10px;
width : 984px;
height : 144px;
margin-bottom : 5px;
resize : none;
vertical-align : top;
}
ul.users-form input[name=code],
ul.users-form input[name=recall_code],
ul.users-form input[name=order_code] {
float : right;
width : 585px;
}
ul.users-form img.code {
border : 1px solid #332d7b;
}
ul.users-form img.reload-code {
cursor : pointer;
}
ul.users-form img.reload-code:hover {
opacity : 0.6;
}
ul.users-form img.reload-code-animation {
animation: reload-code-animation .5s 0s infinite linear;
}
@keyframes reload-code-animation {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
ul.users-form input[type=checkbox] {
height : 20px;
width : auto;
padding : 0;
}
ul.users-form input:focus,
ul.users-form textarea:focus {
background : #fff;
}
ul.users-form input[type=submit],
ul.users-form input[type=button] {
border : #332d7b 1px solid;
background-color: #332d7b;
width : 716px;
color: #fff;
font-size : 14px;
font-weight: normal;
padding: 9px 20px 11px 20px;
height:45px;
text-align: center;
margin-left : 268px;
cursor: pointer;
font-family : arial;
}
ul.users-form input[type=submit]:hover,
ul.users-form input[type=button]:hover {
background-color: #fff;
color: #332d7b;
}
ul.users-form input[type=submit]:disabled,
ul.users-form input[type=button]:disabled {
border : #A2A6AD 1px solid;
background-color: #A2A6AD;
color: #fff;
}
ul.users-form input[type=checkbox],
#recall_form input[type=checkbox],
#order_form input[type=checkbox] {
display : none;
}
ul.users-form input[type=checkbox] + label,
#recall_form input[type=checkbox] + label,
#order_form input[type=checkbox] + label {
width : auto;
cursor : pointer;
margin-bottom : 12px;
}
ul.users-form input[type=checkbox] + label:before,
#recall_form input[type=checkbox] + label:before,
#order_form input[type=checkbox] + label:before {
content : "";
display : inline-block;
width : 16px;
height : 17px;
margin : -1px 5px 0 0;
vertical-align : middle;
background : url(/themes/sti/images/checkbox.png) 0 0 no-repeat;
cursor : pointer;
}
ul.users-form input[type=checkbox]:disabled + label:before,
#recall_form input[type=checkbox]:disabled + label:before,
#order_form input[type=checkbox]:disabled + label:before {
background : none;
background-color : #A2A6AD;
border-radius : 2px;
width : 16px;
margin : -2px 8px 0 0;
}
ul.users-form input[type=checkbox]:checked + label:before,
#recall_form input[type=checkbox]:checked + label:before,
#order_form input[type=checkbox]:checked + label:before {
background : url(/themes/sti/images/checkbox.png) -16px 0 no-repeat;
}
ul.users-form input[type=checkbox]:disabled + label,
#recall_form input[type=checkbox]:disabled + label,
#order_form input[type=checkbox]:disabled + label {
color : #A2A6AD;
}
ul.users-form input[type=checkbox]:checked + label,
#recall_form input[type=checkbox]:checked + label,
#order_form input[type=checkbox]:checked + label {
color : #332d7b;
}
ul.users-form select {
display : block;
font-size : 14px;
font-family : arial;
padding : 9px 10px;
width : 716px;
height : 39px;
box-sizing : border-box;
margin : 0;
border : #332d7b 1px solid;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background : url(/themes/sti/images/select.png) right 0 no-repeat;
}
ul.users-form select.focus {
background : url(/themes/sti/images/select-focus.png) right 0 no-repeat;
}
div.users-form-success {
border : #ff0000 1px solid;
text-align : center;
color : #ff0000;
padding : 0 10px;
}
div.users-form-failed {
border : #ff0000 1px solid;
color : #ff0000;
padding : 0 10px;
}
div.users-form-failed p,
div.users-form-success p {
margin : 10px 0 !important;
}







ul.site-search-results {
list-style: none;
padding: 0;
margin : 1em 0 0 0;
border : none;
}
ul.site-search-results li {
padding: 10px 0 0 0;
border-top : #e5e5dd 1px solid;
background : none !important;
overflow : hidden;
text-align : left;
}
ul.site-search-results li p {
margin-top : 10px;
margin-bottom : 10px !important;
}
ul.site-search-results li p:first-child {
margin-top : 0;
}
ul.site-search-results li:nth-child(1),
ul.site-search-results li:nth-child(2) {
padding : 0;
border-top : none;
}
ul.site-search-results a {
font-weight : bold;
}
ul.site-search-results div {
display : inline-block;
border-radius : 5px;
background-color : #088DAD;
color : #ffffff;
padding : 0 4px 1px;
line-height : 14px;
font-size : 10px;
}
ul.site-search-results li:nth-child(odd) {
color : #332d7b;
width : 5%;
float : left;
}
ul.site-search-results li:nth-child(even):after {
content : "";
display : block;
visibility : hidden;
height : 0;
overflow : hidden;
clear : both;
}
.site-search-results-page {
color : #332d7b;
text-align : center;
overflow: hidden;
margin-bottom : 1em;
}
.site-search-results-page:before,
.site-search-results-page:after {
content: '';
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
width: 100%;
height: 1px;
background: #332d7b;
border: solid #fff;
border-width: 0 10px;
}
.site-search-results-page:before {
margin-left: -100%;
}
.site-search-results-page:after {
margin-right: -100%;
}


.printmap {
padding : 5px;
}
.contacts_tbl {
border-spacing : 0;
border-collapse : collapse;
}



.production {
position : relative;
display : inline-block;
width : 1230px;
background-color : #fff;
}
.production:after {
content : "";
display : block;
position : relative;
width : 1230px;
height : 6px;
top : 0;
left : 0;
background : url(/themes/sti/images/bottom-bg.jpg) 0 0 repeat-x;
}
.production .production_cont {
margin : 10px;
text-align : left;
}
.production .production_cont:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}
.production .production_cont img {
float : left;
margin-right : 10px;
}
.production .production_cont h3 {
font-size : 22px;
margin-top : 0;
}
.production .production_cont .goods_all {
margin-top : 3px;
}



.checkout a {
position : fixed;
bottom : 50px;
right : 50px;
display : inline-block;
color : #fff;
font-size : 14px;
font-family : 'Arial';
font-weight : bold;
box-sizing : border-box;
text-align : center;
padding : 31px 0 0 0;
margin : 0;
cursor : pointer;
animation : checkout infinite 5s linear;
border-radius : 50%;
width : 100px;
height : 100px;
z-index : 999;
}
.checkout a:link,
.checkout a:visited {
color : #fff;
text-decoration : none;
}
.checkout a:hover {
color : #fff;
text-decoration : none;
animation : none;
background : #0f0868;
}
@keyframes checkout {
    0% {
        background : #0f0868;
    }
    33% {
        background : #ff3600;
    }
    66% {
        background : #ff0090;
    }
    100% {
        background : #0f0868;
    }
}





















.slider_cont {
position : relative;
width : 1230px;
height : 170px;
padding : 10px 10px 0 10px;
border-bottom : #e5e5dd 1px solid;
box-sizing : border-box;
display : inline-block;
margin-top : 150px;
background : #fff;
}
.slider_pane {
width : 1004px;
}
.slider {
visibility : hidden;
}
.slider:after {
content : "";
display : block;
height : 0;
overflow : hidden;
clear : both;
}
.slider,
.slider li {
margin : 0;
padding : 0;
list-style : none !important;
overflow : hidden;
}
.slider li {
width : 502px;
}
.slider_cont .slide {
position : relative;
display : inline-block;
width : 502px;
text-align : left;
box-sizing : border-box;
}
.slider_cont .slide img {
float : left;
margin-right : 10px;
}
.slider_cont .slide strong {
font-size : 20px;
}
.slider_cont .slide p:nth-child(1) {
margin : 0;
}
.slider_cont .slide p:nth-child(2) {
margin-top : 0;
}
.slider_cont .slide .content p {
margin : 0 0 0.2em 0;
}
.slider_cont .slider_spec {
text-align : center;
}
.slider_cont .slider_spec a:link,
.slider_cont .slider_spec a:visited {
content : "";
position : absolute;
top : 10px;
right : 10px;
width : 131px;
height : 131px;
z-index : 1;
}
.slider_cont .slider_spec a:before {
content : "";
position : absolute;
top : 0;
right : 0;
width : 131px;
height : 131px;
z-index : 1;
animation : saleover infinite 3s linear;
}
.slider_cont .slider_spec a img {
animation : sale infinite 3s linear;
}
.slider_cont .slider_spec a:hover img {
opacity : 0 !important;
animation-play-state : paused;
}
.slider_cont .slider_spec a:hover:before {
background : url(/themes/sti/images/sale-over.png) 0 0 no-repeat !important;
animation-play-state : paused;
}
@keyframes sale {
    0% {
        opacity : 1;
    }
    35% {
        opacity : 1;
    }
    50% {
        opacity : 0;
    }
    65% {
        opacity : 1;
    }
    100% {
        opacity : 1;
    }
}
@keyframes saleover {
    0% {
		background : none;
    }
    35% {
		background : none;
    }
    50% {
		background : url(/themes/sti/images/sale-over.png) 0 0 no-repeat;
    }
    65% {
		background : none;
    }
    100% {
		background : none;
    }
}


















@media all and (max-width: 1230px) {
	.header_cont_pane,
	.main_content_cont,
	.main_content_cont:after,
	footer,
	#recall_form,
	#recall_form input[type=text],
	#recall_form input[type=button],
	.production,
	.production:after {
		width : 100%;
	}
	.header_cont_pane:before,
	.header_cont_pane:after {
		display : none;
	}
	.header_cont_pane .name,
	.header_cont_pane .contacts {
		margin-right : 0 !important;
	}
	.header_cont_pane .logo {
		background : none;
	}
	main {
		width : calc(100% - 225px);
		border-right : 0;
	}
	.copyright,
	.copyright_dev {
		text-align : left;
		float : none;
	}
	.main_content img {
		max-width : 100%;
		height : auto;
	}
	ul.main-goods li div {
		text-align : left;
	}
	section.goods ul {
		line-height : 1.5em;
	}
	#recall_form {
		width : 100%;
		padding : 0;
	}
	#recall_form input[type=text],
	#recall_form input[type=button] {
		width : 100%;
	}
	#recall_form input[name=recall_code] {
		float : right;
		width : calc(100vw - 203px);
	}
	ul.users-form li {
		padding : 8px 0 1em 0;
	}
	ul.users-form li:first-child {
		padding-top : 0;
	}
	ul.users-form label {
		float : none;
		margin-bottom : 1em;
		padding : 0;
	}
	ul.users-form div {
		display : inline;
	}
	ul.users-form label {
		width : 100%;
	}
	ul.users-form div label {
		margin-bottom : 0 !important;
	}
	ul.users-form input,
	ul.users-form textarea,
	ul.users-form select {
		float : none;
		width : 100%;
	}
	ul.users-form textarea {
		margin : 0;
	}
	ul.users-form input[type=submit],
	ul.users-form input[type=button] {
		margin-top : 8px;
		width : 100%;
		margin-left : 0;
	}
	ul.users-form input[name=code],
	ul.users-form input[name=recall_code],
	ul.users-form input[name=order_code] {
		float : right;
		width : calc(100vw - 236px - 141px);
	}
	.users-form-failed {
		margin-bottom : 1em;
	}
	.orel-map {
		width : calc(100vw - 236px - 10px);
		height : calc((100vw - 236px - 10px) * 9 / 16);
	}
	.printmap .orel-map {
		width : calc(100vw - 10px);
		height : calc((100vw - 10px) * 9 / 16);
	}
	.production .production_cont h3 {
		line-height : 25px;
	}
	.checkout {
		width : 100%;
		right : 0;
	}
	.bx-wrapper .bx-pager {
		width : calc(100vw - 20px) !important;
	}
	.slider_cont .slider_spec {
		display : none;
	}
}
@media all and (min-width: 1024px) and (max-width: 1229px) {
	.slider_pane {
		width : calc(100vw - 20px) !important;
	}
	.slider li,
	.slider_cont .slide {
		width : calc((100vw - 20px) / 2) !important;
	}
}
@media all and (max-width: 1023px) {
	.slider_pane,
	.slider li,
	.slider_cont .slide {
		width : calc(100vw - 20px);
	}
}
@media screen and (max-width: 1023px) {
	.slider {
		width : calc(100vw - 20px);
	}
}
@media all and (max-width: 940px) {
	.header_cont_pane .contacts .viber {
		display : none;
	}
}