

/* Start:/local/templates/oko_new/css/reset.css?17604314541279*/
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, time{display:block; position: relative;}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle; font-family: tahoma}.clear_20{height: 20px}
/* End */


/* Start:/local/templates/oko_new/css/globalClasses.css?17604314541029*/
.float-left{
	float:left;	
}

.float-right{
	float:right;	
}

.hide{
	display:none;	
}

.relative{
	position:relative;	
}
.absolute{
	position:absolute;	
}

.align-center{
	text-align:center;	
}

.align-right{
	text-align:right;	
}

.align-just{
	text-align:justify;
}


.big_width {
	width: 100%;
}

.mid_box {
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
}

.clear, .clear_5, .clear_10, .clear_15, .clear_20, .clear_25, .clear_30, .clear_50{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.clear_5{
	margin-bottom:5px;	
}

.clear_10{
	margin-bottom:10px;	
}

.clear_15{
	margin-bottom:15px;	
}

.clear_20{
	margin-bottom:20px;	
}

.clear_25{
	margin-bottom:25px;	
}

.clear_30{
	margin-bottom:30px;	
}

.clear_45 {
	margin-bottom: 45px;
}

.clear_50 {
	margin-bottom: 50px;
}

.clearfix:before,
.clearfix:after {content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after {clear:both}
.clearfix {zoom:1}
/* End */


/* Start:/local/templates/oko_new/css/grid.css?17604314545902*/
/*
1088px grid system ~ Core CSS.
16 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/

/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/
body {
	/*min-width: 1280px;*/
}

/* =Containers
--------------------------------------------------------------------------------*/
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 1088px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
	position: relative;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {width: 48px;}
.container_16 .grid_2 {width: 116px;}
.container_16 .grid_3 {width: 184px;}
.container_16 .grid_4 {width: 252px;}
.container_16 .grid_5 {width: 320px;}
.container_16 .grid_6 {width: 388px;}
.container_16 .grid_7 {width: 456px;}
.container_16 .grid_8 {width: 524px;}
.container_16 .grid_9 {width: 592px;}
.container_16 .grid_10 {width: 660px;}
.container_16 .grid_11 {width: 728px;}
.container_16 .grid_12 {width: 796px;}
.container_16 .grid_13 {width: 864px;}
.container_16 .grid_14 {width: 932px;}
.container_16 .grid_15 {width: 1000px;}
.container_16 .grid_16 {width: 1068px;}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left: 68px;}
.container_16 .prefix_2 {padding-left: 136px;}
.container_16 .prefix_3 {padding-left: 204px;}
.container_16 .prefix_4 {padding-left: 272px;}
.container_16 .prefix_5 {padding-left: 340px;}
.container_16 .prefix_6 {padding-left: 408px;}
.container_16 .prefix_7 {padding-left: 476px;}
.container_16 .prefix_8 {padding-left: 544px;}
.container_16 .prefix_9 {padding-left: 612px;}
.container_16 .prefix_10 {padding-left: 680px;}
.container_16 .prefix_11 {padding-left: 748px;}
.container_16 .prefix_12 {padding-left: 816px;}
.container_16 .prefix_13 {padding-left: 884px;}
.container_16 .prefix_14 {padding-left: 952px;}
.container_16 .prefix_15 {padding-left: 1020px;}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right: 68px;}
.container_16 .suffix_2 {padding-right: 136px;}
.container_16 .suffix_3 {padding-right: 204px;}
.container_16 .suffix_4 {padding-right: 272px;}
.container_16 .suffix_5 {padding-right: 340px;}
.container_16 .suffix_6 {padding-right: 408px;}
.container_16 .suffix_7 {padding-right: 476px;}
.container_16 .suffix_8 {padding-right: 544px;}
.container_16 .suffix_9 {padding-right: 612px;}
.container_16 .suffix_10 {padding-right: 680px;}
.container_16 .suffix_11 {padding-right: 748px;}
.container_16 .suffix_12 {padding-right: 816px;}
.container_16 .suffix_13 {padding-right: 884px;}
.container_16 .suffix_14 {padding-right: 952px;}
.container_16 .suffix_15 {padding-right: 1020px;}

/* `Push Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .push_1 {left: 68px;}
.container_16 .push_2 {left: 136px;}
.container_16 .push_3 {left: 204px;}
.container_16 .push_4 {left: 272px;}
.container_16 .push_5 {left: 340px;}
.container_16 .push_6 {left: 408px;}
.container_16 .push_7 {left: 476px;}
.container_16 .push_8 {left: 544px;}
.container_16 .push_9 {left: 612px;}
.container_16 .push_10 {left: 680px;}
.container_16 .push_11 {left: 748px;}
.container_16 .push_12 {left: 816px;}
.container_16 .push_13 {left: 884px;}
.container_16 .push_14 {left: 952px;}
.container_16 .push_15 {left: 1020px;}

/* `Pull Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .pull_1 {left: -68px;}
.container_16 .pull_2 {left: -136px;}
.container_16 .pull_3 {left: -204px;}
.container_16 .pull_4 {left: -272px;}
.container_16 .pull_5 {left: -340px;}
.container_16 .pull_6 {left: -408px;}
.container_16 .pull_7 {left: -476px;}
.container_16 .pull_8 {left: -544px;}
.container_16 .pull_9 {left: -612px;}
.container_16 .pull_10 {left: -680px;}
.container_16 .pull_11 {left: -748px;}
.container_16 .pull_12 {left: -816px;}
.container_16 .pull_13 {left: -884px;}
.container_16 .pull_14 {left: -952px;}
.container_16 .pull_15 {left: -1020px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}

/* End */


/* Start:/local/templates/oko_new/fancy/jquery.fancybox.css?17604314544970*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/local/templates/oko_new/fancy/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/local/templates/oko_new/fancy/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/local/templates/oko_new/fancy/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/local/templates/oko_new/fancy/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/local/templates/oko_new/fancy/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/local/templates/oko_new/fancy/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@media (max-width: 979px) {
	.fancybox-close {
		right: 0;
		top: 0;
	}
}
/* End */


/* Start:/local/templates/oko_new/components/bitrix/menu/top_horizont/style.css?1760431454491*/
.top_horizont ul {
	margin:0;
	list-style:none;
}

.top_horizont li {
	display:inline;
	margin:0;
	padding:0;
}

.top_horizont a {
	float:left;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	text-decoration: none;
	padding: 0 31px;
	/*border-right: 1px solid #ebebeb;*/
	text-transform: uppercase;
	position: relative;
}

.top_horizont a:hover,
.top_horizont .active {
/*	background-color: #ffff00;*/
	color: #f15d1d;
	font-weight: bold;
}

.top_horizont .active {
	cursor: default;
}

/* End */


/* Start:/local/templates/oko_new/components/bitrix/menu/cats_menu_mobile/style.css?17604314541299*/
.catalog-section-list ul {
	list-style:none;
}

.catalog-section-list li {
	float: left;
	position: relative;
}

.catalog-section-list a {
	display: block;
	color: #1c0c55;
	line-height: 50px;
	text-decoration: none;
	width: 180px;
	text-align: center;
	/*border-right: 1px solid #d5d5d5;*/
	text-transform: uppercase;
}
/*
.catalog-section-list > ul > li:first-child > a{
	border-left: 1px solid #d5d5d5;
}
*/
.catalog-section-list > ul > li > a{
	color:#6482bc;
	font-weight: bold;
}

.catalog-section-list > ul > li:hover > a,
.catalog-section-list .select{
	background-color: #d1effd;
	color:#1c0c55;
}

.catalog-section-list li:hover > a,
.catalog-section-list .select{
	color:#1c0c55;
}

.catalog-section-list li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	z-index: 10;
	border-top: none;
	box-sizing: border-box;
	width: 100%;
}

.catalog-section-list li > ul > li {
	display: block;
	float: none;
}

.catalog-section-list li:hover ul {
	display: block;
}

.catalog-section-list li ul a {
	border: none;
	font-size: 14px;
	text-align: left;
	padding: 10px 10px 5px 24px;
	width: 100%;
	line-height: 16px;
	box-sizing: border-box;
}

.catalog-section-list li:hover ul a:hover,
.catalog-section-list .item-selected {
	background-color: #ebebeb;
}
/* End */


/* Start:/local/templates/oko_new/components/bitrix/menu/cats_menu/style.css?17604314541299*/
.catalog-section-list ul {
	list-style:none;
}

.catalog-section-list li {
	float: left;
	position: relative;
}

.catalog-section-list a {
	display: block;
	color: #1c0c55;
	line-height: 50px;
	text-decoration: none;
	width: 180px;
	text-align: center;
	/*border-right: 1px solid #d5d5d5;*/
	text-transform: uppercase;
}
/*
.catalog-section-list > ul > li:first-child > a{
	border-left: 1px solid #d5d5d5;
}
*/
.catalog-section-list > ul > li > a{
	color:#6482bc;
	font-weight: bold;
}

.catalog-section-list > ul > li:hover > a,
.catalog-section-list .select{
	background-color: #d1effd;
	color:#1c0c55;
}

.catalog-section-list li:hover > a,
.catalog-section-list .select{
	color:#1c0c55;
}

.catalog-section-list li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	z-index: 10;
	border-top: none;
	box-sizing: border-box;
	width: 100%;
}

.catalog-section-list li > ul > li {
	display: block;
	float: none;
}

.catalog-section-list li:hover ul {
	display: block;
}

.catalog-section-list li ul a {
	border: none;
	font-size: 14px;
	text-align: left;
	padding: 10px 10px 5px 24px;
	width: 100%;
	line-height: 16px;
	box-sizing: border-box;
}

.catalog-section-list li:hover ul a:hover,
.catalog-section-list .item-selected {
	background-color: #ebebeb;
}
/* End */


/* Start:/local/templates/oko_new/components/bitrix/search.title/top/style.css?17604314542494*/
.bx_search_container{
	height: 50px;
	line-height: 50px;
	position: relative;
	width: 321px;
	margin-left: 7px;
	float: left;
	margin-right: 10px;
}

.bx_search_container .bx_field{
	position: relative;
	margin-top: 11px;
	height: 26px;
	border-top:    1px solid #d3d3d3;
	border-right:  1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left:   1px solid #d3d3d3;
	background: #fff;
	line-height: 26px;
	font-size: 14px;
	color: #4b4b4a;
	border-radius: 5px;
}
.bx_search_container .bx_field .bx_input_text{
	position: absolute;
	left: 0;
	height: 26px;
	outline: none;
	border: none;
	background: none;
	line-height: 26px;
	width: 100%;
	padding-right: 30px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	color: #4b4b4a;
}
.bx_search_container .bx_field .bx_input_submit{
	position: absolute;
	top: 3px;
	right: 7px;
	bottom: 0;
	width: 20px;
	border: none;
	background: url('/local/templates/oko_new/components/bitrix/search.title/top/images/search_lupa.png') no-repeat left center;
	cursor: pointer;

}

div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 320px;
	max-width: 320px;
	margin-top:-14px;
	background-color: #fff;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/oko_new/components/bitrix/search.title/top/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}

.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}

.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 20px;
	line-height: 24px;
}
.bx_searche .bx_item_element a b{color: #f95320;font-weight: normal;}

.bx_searche .bx_item_element a:hover {background-color: #ebebeb}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0;background-color: #ebebeb}
.bx_item_block.others_result{
	min-height: 0;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	color: #4b4b4a;
	line-height: 29px;
	display: block;
}

.bx_item_block.all_result .all_result_title a:hover{color: #f95320}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1490247195467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/oko_new/styles.css?1760431454777*/
p {
	margin-bottom: 10px;
}

h1, .box_name {
	font-size: 24px;
	color: #1d0d55;
	line-height: 36px;
	margin-bottom: 20px;
}

h2 {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 24px;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: inherit;
	min-height: 100vh;
}

main {
	flex: 1 0 auto;
	padding: 0 5px;
}

footer {
	flex: 0 0 auto;
	padding: 0 5px;
}

a {
	color: #f95320;
}
.phone-block {
	color: #000;
}

footer .phone-block {
	color: #fff;
}

a:hover {
	text-decoration: none;
}
/*tables*/
table {
	width: 100%;
	color: #1d0d55;
	border: 1px solid #808080;
}

th {
	text-transform: uppercase;
	background-color: #f8f400;
	border-bottom: 1px solid #808080;
}

th, td {
	padding: 14px 17px;
}

tr:nth-child(even) td {
	background-color: #ebebeb;
}
/* End */


/* Start:/local/templates/oko_new/template_styles.css?176093016211849*/
/*globals*/
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	/*margin-bottom: 408px;*/
	background-color: #fff;
	font-weight: 400;
}

img {
	max-width: 100%;
}

/**/

header .top_line {
	border-bottom: 1px solid #ebebeb;
	background-color: #2e4b9b;
}

/*
header .mid_line{
	background-color:#f7f502;
}
*/

header .consult {
	text-decoration: none;
	color: #f95320;
	text-transform: uppercase;
	border-left: 3px solid #f95320;
	border-right: 3px solid #f95320;
	background-color: #fff;
	max-width: 232px;
	padding: 9px 30px 0;
	display: block;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 1;
	transition: padding-top .5s ease-in-out;
}

header .consult:before,
header .consult:after {
	content: '';
	position: absolute;
	width: 119px;
	height: 3px;
	background-color: #f95320;
	bottom: -10px;
}

header .consult:before {
	left: -3px;
	transform: rotate(7deg);
}

header .consult:after {
	right: -3px;
	transform: rotate(-7deg);
}

header .consult:hover {
	padding-top: 25px;
}

header .consult .treg {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 115px 0 115px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	left: 0;
	bottom: -15px;
}

header .logo {
	margin-top: 11px;
	margin-bottom: 5px;
}

header .text {
	margin-top: 27px;
	text-align: right;
	color: #1c0c55;
	line-height: 24px;
	font-style: italic;
}

header .text .first,
header .text .phone {
	font-size: 24px;
	margin-right: -2px;
}

header .text .second {
	font-size: 18px;
	margin-right: -2px;
	margin-bottom: 0;
}


header .bot_line {
	background-color: #b6e8ff;
	height: 50px;
}

/**/

.cases {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	background: url('/local/templates/oko_new/images/cases_background.png') top center no-repeat;
	height: 236px;
}

.cases .icon_wrap {
	border-radius: 50%;
	border: 2px solid #1d7fc1;
	width: 181px;
	height: 181px;
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px;
}

.cases .icon_wrap .icon_wrap_inner {
	border-radius: 50%;
	width: 181px;
	height: 181px;
	background-color: #1d7fc1;
}



.cases .c_icon {
	background-image: url('/local/templates/oko_new/images/cases.png');
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	display: inline-block;
	transition: transform .5s ease-in-out;
}

.cases .item:hover .c_icon {
	transform: rotate(360deg);
}

.cases .assort {
	background-position: 0 0;
	width: 55px;
	height: 28px;
	margin: 52px 0 26px;
}

.cases .exp {
	background-position: 0 -28px;
	width: 47px;
	height: 55px;
	margin: 35px 0 16px;
}

.cases .sert {
	background-position: 0 -83px;
	width: 38px;
	height: 55px;
	margin: 35px 0 16px;
}

/*about*/
.main_about {
	padding-top: 37px;
	color: #1c0c55;
	line-height: 24px;
}

/*footer*/
footer {
	background-color: #1d7fc1;
	color: #fff;
	padding-top: 45px;
	font-size: 14px;
	/*position: absolute;*/
	/*bottom: 0;*/
	/* width: 100%; */
	/*min-width: 1280px;*/
}

footer .box_name {
	color: #fff;
	margin-bottom: 30px;
	font-size: 18px;
}

footer ul {
	list-style: none;
}

footer ul li {
	position: relative;
	padding-left: 9px;
}

footer ul li:before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 14px;
}

footer ul a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}

footer ul a:hover {
	text-decoration: underline;
}

footer .f_icon {
	display: inline-block;
	background-image: url('/local/templates/oko_new/images/f_icon.png');
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}

footer .sp {
	background-position: 0 0;
	width: 24px;
	height: 33px;
	margin-right: 5px;
}

footer .phone {
	background-position: 0 -33px;
	width: 11px;
	height: 11px;
	margin-right: 12px;
}

footer .copy {
	line-height: 50px;
}

footer .bot {
	margin-top: 70px;
	border-top: 1px solid #959595;
	height: 50px;
	font-size: 14px;
	background-color: #2e4b9b;
}

footer .dev {
	line-height: 50px;
}

footer .dev a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

footer .dev a:hover {
	text-decoration: underline;
}

/**/
.button {
	background-color: #f95320;
	border: 1px solid #f95320;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	line-height: 36px;
	text-decoration: none;
	padding-left: 13px;
	padding-right: 13px;
	font-weight: 500;
}

.button:hover {
	background-color: #fff;
	color: #f95320;
	cursor: pointer;
}

/*form*/
input,
textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #1d0d55;
	padding-left: 20px;
	font-size: 18px;
	color: #828282;
	background-color: #fff;
	font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

input[type="text"] {
	height: 51px;
}

textarea {
	max-width: 100%;
	min-height: 190px;
	max-height: 250px;
	padding-top: 15px;
}

/*aside*/
.aside_box {
	margin-top: 25px;
}

.call_us_pls {
	background: url('/local/templates/oko_new/images/call_us.jpg') no-repeat top center;
	color: #1d0d55;
	height: 324px;
	text-transform: uppercase;
	font-size: 24px;
	text-align: center;
}

.call_us_pls .text_one {
	padding-top: 60px;
	line-height: 28px;
	margin-bottom: 30px;
}

.call_us_pls .small {
	font-size: 14px;
	line-height: 18px;
}

.call_us_pls .phone {
	font-size: 30px;
	line-height: 34px;
}

/*slider*/
.bx-next,
.bx-prev {
	display: inline-block;
	background: url('/local/templates/oko_new/images/arrs.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}

.bx-next {
	background-position: 0 0;
	width: 12px;
	height: 22px;
}

.bx-next:hover {
	background-position: -12px 0;
}

.bx-prev {
	background-position: 0 -22px;
	width: 12px;
	height: 22px;
}

.bx-prev:hover {
	background-position: -12px -22px;
}

/*fixed*/
.fixed_box {
	position: fixed;
	right: 0;
	top: 300px;
	background-color: #cccccc;
}

.fixed_box:hover {}

.fixed_box .f_item {
	display: block;
	text-decoration: none;
	position: relative;
}

.fixed_box .f_item:hover,
.fixed_box .f_item:hover .slide_text,
.fixed_box .f_item:hover .icon_wrap {
	background-color: #ffff00;
}

.fixed_box .slide_text {
	color: #1d0d55;
	display: inline-block;
	width: 142px;
	padding: 12px 9px 5px 16px;
	box-sizing: border-box;
	transition: right .5s ease-in-out;
	right: -142px;
	position: absolute;
	background-color: #cccccc;
	z-index: 1;
	top: 0;

}

.fixed_box:hover .slide_text {
	right: 100%;
}

.fixed_box .t_icon {
	display: inline-block;
	background: url('/local/templates/oko_new/images/t_icon.png');
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	/*margin-top: -20px;*/
}

.fixed_box .letter {
	background-position: 0 0;
	width: 27px;
	height: 19px;
}

.fixed_box .phone {
	background-position: 0 -19px;
	width: 26px;
	height: 27px;
}

.fixed_box .icon_wrap {
	width: 49px;
	height: 49px;
	text-align: center;
	line-height: 49px;
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: #cccccc;
}

.relative {
	position: relative;
}

.flex_container_big {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex_phone_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	height: 105px;
	align-items: center;
}

.flex_phone {
	margin: 0 0 0 55px;

}

.flex_phone_number {
	font-size: 24px;
	margin-bottom: 10px;
}

.flex_phone_number a {
	color: #000000;
	text-decoration: none;
}

.flex_phone_text {
	font-size: 18px;
	font-weight: bold;
}

.menu {
	display: none;
}

.checkbox-label {
    display: flex;
    align-items: start;
    font-size: 14px;
    margin: 10px 0;
}
.checkbox-label input[type="checkbox"] {
    margin-right: 8px;
	width: auto;
	margin-bottom: 18px;
}

.checkbox-label span {
	background: unset;
    color: black;
    text-align: start;
}

@media screen and (max-width: 768px) {

	/*------------------------------*/
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
		float: none;
	}

	.flex_phone {
		margin: 0 0 0 5px;

	}

	header .bot_line {
		height: 80px;
	}

	.cases {
		text-transform: uppercase;
		font-size: 14px;
		color: #fff;
		font-weight: 400;
		text-align: center;
		line-height: 20px;
		background: url(/bitrix/templates/oko_new/images/cases_background.png) top center;
		height: unset;
	}

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

	.top_line {
		display: none;
	}

	#horizontal-multilevel-menu {
		display: none;
	}

	.container_16 .grid_12 {
		width: 100%;
	}

	.flex_phone_container {
		justify-content: left;
	}

	/*.bx_search_container{
		margin-left: 0px;
	}*/
	.container_16 {
		width: 100%;
	}

	.mid_line {
		display: flex;
	}

	.container_16 .grid_16 {
		width: 100%;
	}

	.container_16 .prefix_2 {
		padding-left: 0px;
	}

	.container_16 .prefix_3 {
		padding-left: 0px;
	}

	.brands .bx-next {
		right: 0px;
	}

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

	.menu {
		display: block;
		text-align: right;
		margin: 20px 10px;
	}

	.menu__icon {
		display: none;
		width: 24px;
		height: 35px;
		position: relative;
		cursor: pointer;
		z-index: 1002;
	}

	.menu__icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #2e4b9b;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

	.menu__icon span:nth-child(1) {
		top: 0px;
	}

	.menu__icon span:nth-child(2),
	.menu__icon span:nth-child(3) {
		top: 7px;
	}

	.menu__icon span:nth-child(4) {
		top: 15px;
	}

	.menu__links-item {
		display: inline-block;
		color: #333333;
		font-family: Arial;
		font-size: 14px;
		line-height: 30px;
		padding: 0 10px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.menu__links-item:hover {
		text-decoration: underline;
	}

	.menu.menu_state_open .menu__icon span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	.menu.menu_state_open .menu__icon span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menu.menu_state_open .menu__icon span:nth-child(3) {
		transform: rotate(-45deg);
	}

	.menu.menu_state_open .menu__icon span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	.menu.menu_state_open .menu__links {
		display: block;
	}

	.menu.menu_state_open .menu__icon {
		background: #daf3ff;
	}

	.child_burg_menu {
		display: none;
	}

	.child_burg_menu_show {
		text-align: left;
		color: #ffffff;
		padding-left: 51px;
	}

	.child_burg_menu_show li a {
		color: #ffffff;
	}

	.back_menu {
		display: none;
		padding: 10px 25px !important;
		text-align: left;
		color: #ffffff;
		font-family: Arial;
		font-size: 14px;
		line-height: 30px;

		text-transform: uppercase;
		text-decoration: none;
	}

	.menu_state_open .rm {
		position: fixed;
		right: 0px;
		top: 0px;
		padding: 30px 15px;
		z-index: 1004;
		height: 100%;
		background: #daf3ff;
	}

	.child_burg_menu_show li {
		padding: 10px 25px !important;
		text-align: left;
		color: #ffffff;
		font-family: Arial;
		font-size: 14px;
		line-height: 30px;
		text-transform: uppercase;
		text-decoration: none;
		list-style-type: none;
	}

	.main_prods:after {
		content: "\0020";
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.brands {
		display: none;
	}

	.big_slide {
		display: none;
	}

}

@media screen and (max-width: 999px) {
	.menu__icon {
		display: inline-block;
	}

	.menu__links {
		position: fixed;
		display: none;
		top: 0;
		right: 0;
		left: 0;
		/*margin-top: 52px;*/
		background-color: #2e4b9b;
		z-index: 1000;
		overflow: auto;
		height: 100%;
	}

	.menu__links-item {
		display: block;
		padding: 10px 25px;
		text-align: left;
		color: #ffffff;
	}
}

/*--------------------------*/
/* End */
/* /local/templates/oko_new/css/reset.css?17604314541279 */
/* /local/templates/oko_new/css/globalClasses.css?17604314541029 */
/* /local/templates/oko_new/css/grid.css?17604314545902 */
/* /local/templates/oko_new/fancy/jquery.fancybox.css?17604314544970 */
/* /local/templates/oko_new/components/bitrix/menu/top_horizont/style.css?1760431454491 */
/* /local/templates/oko_new/components/bitrix/menu/cats_menu_mobile/style.css?17604314541299 */
/* /local/templates/oko_new/components/bitrix/menu/cats_menu/style.css?17604314541299 */
/* /local/templates/oko_new/components/bitrix/search.title/top/style.css?17604314542494 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1490247195467 */
/* /local/templates/oko_new/styles.css?1760431454777 */
/* /local/templates/oko_new/template_styles.css?176093016211849 */
