@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:500,700&subset=latin,cyrillic-ext);
@font-face {
	src:url(fonts/GothaProMed.otf);
	font-family: GothamProMed;
}

@font-face {
	src:url(../css/fonts/GothaProReg.otf);
	font-family: GothamProReg;
}
body {
	background: url('/assets/image/bg.jpg') center center fixed;
	background-size: cover;
	font: 14px/22px "Open Sans",Tahoma, Verdana, sans-serif;
	width: 100%;
}
table{max-width: 100%; margin-bottom: 20px;}
label {font-weight: normal}
#wrapper {
	/*background: #fff;*/
	/*padding: 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);*/
	position: relative;
	overflow: hidden;
}


.cnt  {padding-right: 30px;}

#header {padding: 15px; margin: 0;
	background: url('/assets/image/header.jpg') no-repeat;
	min-height: 202px;
	position: relative;
	color: #000;
	font-weight: bold;
	background-size: cover;
}
#header .intro1 {text-align: center; max-width: 496px; padding-top: 45px; margin-left: -40px }
#header .logo {transition: 0.3s; }
#header .logo:hover {opacity: 0.8;}
#header .intro1  img
{
	max-width: 100%
}
#header .intro2 {
	margin: 0 auto;
	font: 17px "Lobster";
	color: #fd4e89;
	padding-top: 20px;
}
#header .contacts img
{
	vertical-align: top;
	margin-top: 5px;
	margin-right: 10px;
}
/*
#header .contacts > div > div
{
	border-bottom: 1px solid #3f3f3f;
	padding: 9px 0 7px;
}

*/
#header span
{
	display: inline-block;
}
#header .intro2 a.vk
{
	background: url('/assets/image/vk.png') center bottom no-repeat;
    right: -84px;
}
#header .intro2 a.inst
{
	background: url('/assets/image/inst.png') no-repeat;
	right: -42px;
}
#header .intro2 a:hover {margin-top: -50px; }
#header .intro2 .phone
{
	padding-top: 60px;
	font-size: 21px;
}
#header .intro2 .phone span
{
	font-size: 37px;
	font-size: 37px;
}
#header .intro2 .phone .item
{
	background: url('/assets/image/phone.png') center left no-repeat;
	padding-left: 25px;
}
.content_inner ul
{
padding-left: 0
}
.content_inner ul li
{
	background: url('/assets/image/mark.png') left 6px no-repeat;
	padding-left: 19px;
	list-style-type: none;
	margin-bottom: 5px;
}
#header > div:nth-child(1){padding: 0}
#header > div:nth-child(2){padding: 0}
#header .intro1 .phone {font-weight: 300; font-size: 45px; border-top: 1px solid #000; background: url('/assets/image/phone.png') no-repeat center left; padding-left: 20px;}
#header .logo img {max-width: 100%;}

#sideLeft {
	float: left;
	position: relative;
	border-radius: 8px;
	padding-left: 10px;
}
.navbar-default .navbar-brand
{
	color: #fff;
}
.navbar-default .navbar-toggle .icon-bar
{
	background-color: #fff
}
.side {padding-right: 0;}
@media (max-width: 767px)
{
	#header .logo
	{
		text-align: center;
	}
	#header
	{

	}
	#sideLeft
	{
		margin-top: 20px;
		margin-right: 15px
	}
	#sideLeft:before
	{
		background: none
	}
	.footer .logo
	{
		margin-top: 20px;
	}
	#wrapper
	{
		margin-left: 15px;
		margin-right: 15px;
  }
	#content
	{
		padding: 0 20px;
	}
	#header
	{
		margin-left: 0;
		margin-right: 0;
	}
	.call_back_button, #back-top
	{
		display: none!important;
	}
	ul.flink
	{
		padding-left: 20px!important;

		margin-top: 20px;
	}
	.orensite
	{
		margin-bottom: 20px;
	}
	#header .logo
	{
		margin-bottom: 20px;
	}
	.cnt {padding-right: 15px;}
	.content_inner {padding-right: 15px;}

}
.main_img {-webkit-box-shadow: 0px 8px 19px -7px rgba(81,88,118,1);
-moz-box-shadow: 0px 8px 19px -7px rgba(81,88,118,1);
box-shadow: 0px 8px 19px -7px rgba(81,88,118,1);

   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.orensite {text-align: center}
.orensite a {color: #000; font: 12px Tahoma}
.footer
{
	padding-top: 15px;
	background: #d5d5d5;
	margin: 0;
	border-top: 3px solid #b30000;
}
.footer p{font-size: 12px; color: #010000}
 .footer a, .orensite {font-size: 10px; line-height: 12px; color: #313131; }

.flinks li{display:inline-block;margin:20px 10px} /*����� ������ - ��� ������. ������ �� ����� ����� � ������ ������ ����� ����*/

#sideLeft p span{width:100%;display:block;color:#6e6e6e}

.galmini a img {float:left; margin: 5px;}

#stuffCount input {width: 84%!important; margin-bottom: 0;}
#stuffHelper {padding: 10px!important}
#sideLeft #shopCart
{
	background: url('/assets/img/cart.png') 20px center no-repeat;
	width: 100%;
	float:left;
	}

.article .item
{
	position: relative;
}
.article .item img
{
	padding: 0!important;
	border: none!important;
	border-radius: 0!important;
}
.article .item .annotation
{
	position: absolute;
	left: 0;
	bottom: 9px;
	background: url('/assets/image/article.png')left bottom no-repeat;
	width: 313px;
	content: '';
	padding: 8px 10px 24px 26px;
	color: #b5465f!important;
	font: 20px "Lobster";
	transition: 0.3s;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.article .item .annotation:hover
{
	background: url('/assets/image/article_hover.png')left bottom repeat;
	color: #fff;
	}
#stuffHelper button
{
	  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

#shopOrderForm,#shopOrderForm fieldset, #respond, #respond fieldset {width: 100%}
#shopOrderForm .row, #respond .row {padding: 10px 0;}
#shopOrderForm input[type=submit], #respond input[type=submit] {
background: rgb(247,245,241); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,245,241,1) 0%, rgba(241,241,240,1) 35%, rgba(238,238,239,1) 60%, rgba(233,235,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,245,241,1)), color-stop(35%,rgba(241,241,240,1)), color-stop(60%,rgba(238,238,239,1)), color-stop(100%,rgba(233,235,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,245,241,1) 0%,rgba(241,241,240,1) 35%,rgba(238,238,239,1) 60%,rgba(233,235,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,245,241,1) 0%,rgba(241,241,240,1) 35%,rgba(238,238,239,1) 60%,rgba(233,235,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,245,241,1) 0%,rgba(241,241,240,1) 35%,rgba(238,238,239,1) 60%,rgba(233,235,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,245,241,1) 0%,rgba(241,241,240,1) 35%,rgba(238,238,239,1) 60%,rgba(233,235,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f1', endColorstr='#e9ebed',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:-3px -4px 7px -1px rgba(193, 195, 202, 1) inset;
-moz-box-shadow:-3px -4px 7px -1px rgba(193, 195, 202, 1) inset;
box-shadow: -3px -4px 7px -1px rgba(193, 195, 202, 1) inset;
}
#shopOrderForm input[type=text],#shopOrderForm textarea, #respond input[type=text], #respond textarea
{
	width: 100%;
	padding: 4px 8px
	}
#shopOrderForm select, #shopOrderForm  select option, #respond select, #respond select option
{
	width: 100%;
	padding: 2px 8px
}
.red {color: red}

/*
	w
**************************************************************/

	#right_side{
		right: 0;
    width: 220px;
    height: 100%;
    z-index: 111;
    float: right;
    top: 0;
    position: absolute;
	}

		.right_side_inner {
					height: 100vh;
			    background: url(../image/right_bg.png);
			    width: 220px;
		}

						.right_side_inner{
							position: fixed;
						}

						.right_side_phone {
							background: url(../image/right_phone_bg.png);
					    background-repeat: no-repeat;
					    background-position: 27px 31px;
					    padding: 25px 0;
					    margin-bottom: 0;
						}

						#rightside_menu{
							padding-left: 0;
							list-style-type: none;
						}

						.rightside_item{
							display: block;
					    width: 216px;
						}



						.rightside_item a, .accordion_1level{
							display: block;
					    color: #fff !important;
					    font-family: GothamProMed !important;
					    font-size: 15px !important;
					    text-transform: uppercase;
					    text-decoration: none;
					    padding: 0 !important;
					    background: url(../image/right_menu_item.png);
					    background-repeat: no-repeat;
					    display: block;
					    padding: 11px 0 15px!important;
						}

						.rightside_item a :hover{
							background-position: 10px 10px;
							color: #fff;
							background-position: 0 -60px;
						}

						.rightside_item a:hover{
							background-position: 0 -61px;
						}



						.link{
							color:#fff;
						}

								.phone_number{
									font-family: Open Sans;
									font-size: 21px;
									color: #fff;
									text-shadow: 1px 1px 2px #073f69;
								}

								.phone_code {
							    font-family: Open Sans;
							    font-size: 15px;
									color: #fff;
									text-shadow: 1px 1px 2px #073f69;
									/*padding-left: px;*/
								}

								a:hover{

								}
/*

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

	#header{
		padding-bottom: 30px;
		overflow: hidden;
	}

	#main{

		background: #fff;
	}

	#middle{
		width: 100%;
		height: 1%;
		position: relative;
		padding: 0 30px;
	}
	.header_adress{
		text-align: center;
    color: #004172;
    font-family: Open Sans;
    position: relative;
    min-width: 210px;
		    margin-top: 20px;
	}

	.header_adress:before{
		content: '';
		display: block;
		position: absolute;
		background: url(../image/map.png) no-repeat;
		width: 25px;
		height: 25px;
		background-position: 50%;
	}

	.header_adress_wrapper{
		text-align: center;
	}

/*
	footer
***************************************************/

		footer{
		    margin: 0;
				padding: 20px 0 0;
				position: relative;
				background: #fff;

				overflow: hidden;
				background-color: #fff;

				background-image: -webkit-linear-gradient(left, #3e77a7, #6ca8ca 84%);
				background-image: -moz-linear-gradient(left, #3e77a7, #6ca8ca 84%);
				background-image: -o-linear-gradient(left, #3e77a7, #6ca8ca 84%);
				background-image: -ms-linear-gradient(left, #3e77a7, #6ca8ca 84%);
				background-image: linear-gradient(to right, #3e77a7, #6ca8ca 84%);
		}

		.footer:before{
			content: '';
			width: 100%;
			height: 5px
			background: #fff;

		}

		.footer_copy{
			text-align: center;
	    background: #3b7aa7;
	    margin-bottom: 0;
	    font-family: Open Sans;
	    font-size: 12px;
	    color: #fff;
			padding: 10px 0 0;
		}

		ul.flink{
			text-align: left !important;
		}

		.flink li a{
			font-family: Open Sans !important;
			font-size: 10px !important;
			text-decoration: underline !important;
			color: #fff !important;
			border:none !important;
			font-size: 13px !important;
		}

		.flink li{
			width: 24%;
			text-align: center;
		}

		.orensite_link{
			display: block;
			font-family: Arial;
			font-size: 12px;
			text-decoration: underline;
			color: #fff;
			text-align: center;
		}

		.orensite_title{
			display: block;
			margin-bottom: 10px;
			text-align: center;
		}

		.B_crumbBox {
			float: left;
	    margin-bottom: 20px;
	    width: 100%;
	    font-family: Open Sans;
	    font-size: 11px;
	    color: #000;
			margin-top: 25px;
		}

		.B_currentCrumb{
			color: #005ba0 !important;
		}

		h1{
			font-family: Open Sans !important;
			font-size: 18px !important;
			text-transform: uppercase !important;
			color: #005ba0 !important;
			font-weight: 700 !important;
		}


		.inner_item a{
			background: none !important;
	    line-height: normal;
	    height: auto;
	    margin: 16px 0 21px;
	    font-family: GothamProReg;
	    font-size: 13px;
	    width: 182px;
	    margin-right: auto;
	    margin-left: auto;
	    text-transform: lowercase;
	    font-weight: 100;
		}

		.inner_item a:hover{
			color: #ff0009 !important;
		}

		.rightside_inner{
			list-style-type: none;
			padding-left: 0;
			display: none;
		}

		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		    background-color: #ddd;
		}

		.navbar-default .navbar-toggle{
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0,0,0,0);
			border: 0;
		}

		.navbar-toggle .icon-bar{
			    background-color: #888;
		}

		.navbar-toggle:hover {
  	  background-color: #ddd;
		}

		ul.flink{
			padding-left: 0 !important;
		}

		.navbar-brand{
			color: #005ba0 !important;
		}

		.navbar-collapse li a:hover, .navbar-collapse li.active a{
			  background: #52ADDB!important;
		}


h2{
	font-family: Open Sans !important;
	font-size: 16px !important;
	color: #005ba0 !important;
	font-weight: 700 !important;
}

.main_wrapper{
	-webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.75);
	margin-left: 10px;
}

ul.articlelinkl li{
	    background: url(../image/marker_blue.png) no-repeat !important;
}

ul.accordion ul{
	background: none !important;
	list-style-type: none !important;
}

ul.accordion ul li{
	background: none !important;
	text-align: center !important;
	padding-left: 0 !important;
	margin-bottom: 0;

}
.right_side_inner a :hover{
	color:#fff !important;
}

ul.accordion ul li a {
	font-family: GothamProMed;
	color: #fff;
	text-decoration: underline;
	text-transform: lowercase;
	text-align: center;
	width: 90%;
	margin: auto;
}

ul.accordion ul li a:hover, ul.accordion ul li a.test{
	/*color:#ff0009;*/
	color: #E0070F;
	opacity: .8;
	text-decoration: none !important;
}

.accordion .test{
	background-position: 0 -61px;
}

.accordion, .accordion li{
	margin-bottom: 10px !important;
}

#accordion #accordion{
	margin-bottom: 0 !important;
}

ul.accordion ul li{
	margin-bottom: 0 !important;
}

.art_img_wrapper img{
	max-width: 150px !important;
        max-height: 140px;
}

.accordion a:hover{
	background-position: 0 -61px;
	font-family: GothamProMed;
}

.accordion a{
	transition: none !important;
}

.B_firstCrumb{
	font-family: Open Sans;
	font-size: 11px;


}

.B_firstCrumb a:hover{
	    color: #2a6496;
}

#content p{
	    font-family: Open Sans !important;
}

.b-popup .b-popup-content h2{
	font-size: 30px !important;
}
.b-popup .b-popup-content input[type=text]{
	text-align: center;
}