/* CSS Document */
*
{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1
{
	font-size:23px;
	color:#94652D;
	font-style:normal;
	font-family:Arial;
	margin-bottom:10px;
}
h2
{
	font-size:18px;
	color:#94652D;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
body
{
	background-color:#9D774B;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

#pole
{
	width:900px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	border:2px #AB9446 solid;
	padding-bottom:20px;
	margin-bottom:20px;
}
#we
{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:21px;
	padding-bottom:21px;
}
#menu_div_area
{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
/*---menu---*/
.link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#141516;
	margin-left:10px;
}
.link:link {
	text-decoration: underline;
}
.link:visited {
	text-decoration: underline;
	color: 141516;
}
.link:hover {
	text-decoration: none;
	color: 141516;
}
.link:active {
	text-decoration: underline;
	color: 141516;
}
.act {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
}
.mob-sidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #9d764b;
	
}
.mob-sidebar a {
	font-weight: normal !important;
	font-size: 14px;
	color: #000; 
}
.mob-main-item {
	border-bottom: 1px solid #73583a;
}

/*-------------shapka-----------------------*/

#shapka_area
{
	width:858px;
	height:200px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	float:left;
}
#logo_a
{
	width:auto;
	height:auto;
	border:1px #C0BEBE solid;
	float:left;
	max-height: 198px;
}
#search_a {
	height:198px;
	float:left;
	border:1px #C0BEBE solid;
	margin-left:14px;
	
}	
#search_name_block
{
	color:#5B5657;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-top:16px;
	margin-left:16px;
}
.select
{
	width:110px;
	height:21px;
	margin-left:13px;
	margin-top:14px;
	float:left;
	border: 1px #C0BEBE solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.search_btn
{
	float:left;
	margin-top:13px;
	margin-left:16px;
}

/*------------------------leftblok----------------------*/
#c_area
{
	width:900px;
	height:auto;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	float:left;
}
#left
{
	width:405px;
	height:auto;
	float:left;
}

.titles
{
	font-size:23px;
	color:#94652D;
	font-family:Arial;
	text-decoration: underline;
}
.titles:hover {
	text-decoration: none;
		color:#94652D;
}
.about
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#525252;
	text-align:justify;
	margin-bottom:15px;
}	
/*------------------------rightblok------------------*/
#right
{
	width:455px;
	height:auto;
	float:left;
}
.titler
{
	font-size:23px;
	color:#94652D;
	font-family:Arial;
	text-decoration: underline;
	margin-left:20px;
	float:left;
}
.titler:hover {
	text-decoration: none;
	color:#94652D;
}

.aboutr
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#525252;
	text-align:justify;
	margin-bottom:15px;
	margin-left:20px;
}	
#yarn_area
{
	width:454px;
	height:auto;
	float:left;
	margin-left:2px;
	text-align:right;
	margin-bottom:15px;
}
#img_area
{
	margin-left:18px;
	width:95px;
	height:auto;
	float:left;
}
#yarn_link_area
{
	width:95px;
	height:auto;
	text-align:center;
	float:left;
	margin-top:10px;
}
.yarn{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#6E6D6D;
}
.yarn:link {
	text-decoration: underline;
}
.yarn:visited {
	text-decoration: underline;
	color: 141516;
}
.yarn:hover {
	text-decoration: none;
	color: 141516;
}
.yarn:active {
	text-decoration: underline;
	color: 141516;
}	

#model_area
{
	width:452px;
	height:auto;
	float:left;
	margin-left:4px;
	text-align:right;
	margin-bottom:15px;
}
#img_area1
{
	margin-left:16px;
	width:95px;
	height:auto;
	float:left;
}
#model_link_area
{
	width:95px;
	height:auto;
	text-align:center;
	float:left;
	margin-top:10px;
}
.model{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#6E6D6D;
}
.model:link {
	text-decoration: underline;
}
.model:visited {
	text-decoration: underline;
	color: 141516;
}
.model:hover {
	text-decoration: none;
	color: 141516;
}
.model:active {
	text-decoration: underline;
	color: 141516;
}	
.bord
{
	border:1px #6E6D6D solid;
}
/*-----------------Bottom------------------*/

#bottom_area
{
	width:858px;
	height:auto;
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	float:left;
	border: 1px #C4C2C2 solid;
	background-color:#E8E5DC;
}
#bmenu_area
{
	width:860px;
	height:auto;
	margin-bottom:5px;
	text-align:right;
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	float:left;
}
#ico
{
	width:720px;
	height:auto;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:80px;
	margin-right:150px;
	text-align:left;
	float:left;
}
.ico
{
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
}
#cops
{
	width:670px;
	height:auto;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#563B1C;
	float:left;
}

/*-----CATALOG-----*/
.t_zagolovok
{
	color:#8D8A8A;
	font-size:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-top:20px;
	float:left;
	font-weight:normal;
	width:861px;
}
.about_catalog
{
	color:#525252;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-bottom:30px;
	float:left;
}
#table_a
{
	width:861px;
	height:auto;
	margin-top:20px;
}
.name_table
{
	color:#968143;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.t_content
{
	font-size:13px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
}
.links1
{
	color:#968143;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#table_area
{
	width:861px;
	height:auto;
	padding-left:20px;
	padding-right:20px;
	float:left;
}

/*----------catalog2--------------*/
#c_left
{
	width:350px;
	height:auto;
	float:left;
	padding-left:20px;
	margin-top:20px
}
#c_right
{
	width:500px;
	height:auto;
	float:left;
	padding-right:20px;
	margin-top:20px;
	/*background-color:#000066;*/
}
.zagolovki_left
{
	font-size:20px;
	float:left;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#big_pr_img
{
	width:auto;
	height:auto;
}
.bpi
{
	border:1px #8D8A8A solid;
}
.blc
{
	color:#94652D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-left:19px;
	font-weight:normal;
	float:left;
}
.blc:link {
	text-decoration: underline;
}
.blc:visited {
	text-decoration: underline;
	color:#94652D;
}
.blc:hover {
	text-decoration: none;
	color:#94652D;
}
.blc:active {
	text-decoration: underline;
	color:#94652D;
}
.zagolovk
{
	color:#525252;
	font-size:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.nncp
{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	font-weight:normal;
	padding-left:19px;
	padding-bottom:10px;
	margin-top:10px;
	width:480px;
	float:left;
}
.c_content
{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	font-weight:normal;
	padding-left:19px;
	padding-bottom:10px;
	width:480px;
	text-align:justify;
	float:left;
}
.t_content1
{
	font-size:13px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
}
#table
{
	padding-left:19px;
	padding-bottom:20px;
	float:left;
}
#table_color
{
	padding-left:19px;
	padding-bottom:20px;
	float:left;
	width:480px;
}
#tt
{
	width:auto;
	height:auto;
	border:1px #525252 solid;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}
.tt_img
{
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}
.tt_name
{
	text-align:center;
	color:#525252;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#space
{
	width:430px;
	height:auto;
	float:left;
	margin-bottom:10px;
}
#zakaz
{
	padding-left:23px;
	padding-bottom:20px;
	height:22px;
	float:left;
}
.unlink
{
	float:left;
	padding-top:3px;
	padding-left:5px;
}
.m_img
{
	border:1px #BBBBBB solid;

}
#mod
{
	width:100px;
	height:170px;
	float:left;
	margin-right:10px;
}
.mod_name
{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-top:10px;
	margin-bottom:10px;
	float:left;
}
#table_model
{
	width:444px;
	height:220px;
	padding-left:19px;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
}
#table_area1
{
	width:855px;
	height:auto;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
	float:left;
}
#pystota
{
height:20px;
width:900px;
font-size:20px;
margin-left:auto;
margin-right:auto;
}
#p_m
{
	width:100px;
	height:150px;
	float:left;
}


/*new style*/
.mainwrap {
	overflow: hidden;
}
.mainwrapper {
    position: relative;
}
.ofcanvas-wrap {
    width: 100%;
    position: relative;
    height: 100%;
}

.row.row-offcanvas {
    display: block;
}
.row-offcanvas.active {
    left: 260px;
   /*position: absolute;*/
    webkit-transform: translate3d(270px, 0, 0);
    -webkit-animation: open .5s ease-in-out;
    -moz-transform: translate3d(270px, 0, 0);
    -moz-animation: open .5s ease-in-out;
    transform: translate3d(270px, 0, 0);
    animation: open .5s ease-in-out;
    height: 100%;
}

.row-offcanvas {
    z-index: 1;
}

.mob-sidebar {
    position: absolute;
    display: block;
    width: 270px;
    left: -270px;
    top: 0;
    overflow: hidden;
    height: 100%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)scale(1);
    -webkit-animation: slideIn .35s ease-in-out;
    -moz-transform: translate3d(0, 0, 0)scale(1);
    -moz-animation: slideIn .35s ease-in-out;
    transform: translate3d(0, 0, 0)scale(1);
    animation: slideIn .35s ease-in-out;
}
.mob-sidebar li {
    display: block;
}
.mob-sidebar li a {
    display: block;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    height: 39px;
}
.mob-header {
    position: relative;
}
.top-header-panel {
    background-color: #e8c55f;
}
.top-header-panel {
    height: 40px;
}
.toggle-menu {
    display: inline-block;
    background-image: url('/images/m-menu.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 41px;
    height: 29px;
    border: none;
    margin: 8px 10px;
}
.toggle-menu:focus,
.toggle-menu:active {
	outline: none;
}
.link-to-header {
	float: right;
	color: #715937;
}
.link-to-header {
	font-weight: bold;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
    display: inline-block;
}
.link-to-header  {
	padding: 0 10px 0 0;
}
.link-to-header {
	font-family: Arial;
}
.online-catalog {
	float: left;
    width: 100%;
    margin-top: 30px;
    padding: 0 20px;
}


@media (min-width: 320px) and (max-width: 480px) {
	#menu_div_area	{
		display: none;
	}
	#we,
	#pole,
	#shapka_area,
	#c_area,
	#left,
	#right,
	#space,
	#yarn_area,
	#bmenu_area,
	#bottom_area,
	#ico,
	#cops,
	#logo_a,
	#yarn_link_area,
	#c_left,
	#c_right,
	.c_content,
	#table_color,
	#table_area1,
	#table_area {
		width: 100%;
	}
	#we {
		overflow: hidden;
	}
	#shapka_area {
		height: auto;
	}
	#we,
	#shapka_area,
	#c_area,
	#bottom_area,
	#cops,
	#ico,
	#bmenu_area,
	#pole,
	.aboutr,
	#space h1 a {
		margin: 0;
	}
	#we,
	#c_left,
	#c_right,
	.c_content,
	#table_area1 {
		padding: 0;
	}
	#pole {
		padding: 0 10px;
	}
	h1 {
		margin: 20px 0 0 0;
	}
	* {
		box-sizing: border-box;
	}
	#logo_a img {
		margin: 10px 0;
		/**padding: 10px;*/
	}
	#c_area img,
	#logo_a img, 
	#big_pr_img img,
	#tabl_info img {
		max-width: 100%;
	}
	#logo_a,
	#pole {
		border: none;
	}
	#bottom_area {
		padding: 10px 15px;
		margin: 0 0 10px 0;
	}
	#ico {
		text-align: center;
	}
	.ico {
    	max-width: 69px;
	}
	#bmenu_area span,
	#bmenu_area a {
		display: block;
		text-align: center;
	}
	#bmenu_area a,
	#bmenu_area .act {
		border-bottom: 1px solid #c3c3c3;
		height: 30px;
		line-height: 30px;
    	display: block;
    	text-decoration: none;
    	margin: 0;
	}
	#bmenu_area .act  {
		border-top: 1px solid #c3c3c3;
	}
	#bmenu_area a:nth-of-type(3) {
		border-bottom: none !important;
	}
	#img_area {
    	width: 50%;
    	float: left;
    	text-align: center;
    	margin: 20px 0 10px 0;
	}
	.ofcanvas-wrap {
    	overflow-x: hidden;
	}
	#table_area {overflow: auto;}
	#search_a {
		width: 100%;
		margin: 0 !important;
		border: none !important;
	}
	#search,
	#search1 {
		width: 100%;
		float: left;
	}
	#search,
	#search1 {
		margin: 0 0 10px 0;
	}
	.select{
		width: 100%;
		height: 30px;
		margin: 0 !important;
	}
	#search_a {
		height: auto !important;
	}
	#search_a {
		padding: 0 10px;
		background-color: #e1b051;
	}
	.search_btn {
		margin: 0 0 10px 0;
	}
	#search_name_block {
		margin-left: 0 !important;
		margin-bottom: 10px;
	}
	
	
}
@media screen (min-width: 320px) and (max-width: 480px) 
and and (orientation: landscape) {
    	
}
@media (min-width: 481px) and (max-width: 768px) {
	#menu_div_area	{
		display: none;
	}
	#we,
	#pole,
	#shapka_area,
	#c_area,
	#left,
	#right,
	#space,
	#yarn_area,
	#bmenu_area,
	#bottom_area,
	#ico,
	#cops,
	#logo_a,
	#yarn_link_area,
	#c_left,
	#c_right,
	.c_content,
	#table_color,
	#table_area1,
	#table_area {
		width: 100%;
	}
	#we {
		overflow: hidden;
	}
	#shapka_area {
		height: auto;
	}
	#we,
	#shapka_area,
	#c_area,
	#bottom_area,
	#cops,
	#ico,
	#bmenu_area,
	#pole,
	.aboutr,
	#space h1 a {
		margin: 0;
	}
	#we,
	#c_left,
	#c_right,
	.c_content,
	#table_area1 {
		padding: 0;
	}
	#pole {
		padding: 0 10px;
	}
	h1 {
		margin: 20px 0 0 0;
	}
	* {
		box-sizing: border-box;
	}
	#logo_a img {
		margin: 10px 0;
		/**padding: 10px;*/
	}
	#c_area img,
	#logo_a img, 
	#big_pr_img img,
	#tabl_info img {
		max-width: 100%;
	}
	#logo_a,
	#pole {
		border: none;
	}
	#bottom_area {
		padding: 10px 15px;
		margin: 0 0 10px 0;
	}
	#ico {
		text-align: center;
	}
	.ico {
    	max-width: 69px;
	}
	#bmenu_area span,
	#bmenu_area a {
		display: block;
		text-align: center;
	}
	#bmenu_area a,
	#bmenu_area .act {
		border-bottom: 1px solid #c3c3c3;
		height: 30px;
		line-height: 30px;
    	display: block;
    	text-decoration: none;
    	margin: 0;
	}
	#bmenu_area .act  {
		border-top: 1px solid #c3c3c3;
	}
	#bmenu_area a:nth-of-type(3) {
		border-bottom: none !important;
	}
	#img_area {
    	width: 50%;
    	float: left;
    	text-align: center;
    	margin: 20px 0 10px 0;
	}
	.ofcanvas-wrap {
    	overflow-x: hidden;
	}
	#table_area {overflow: auto;}
	#search_a {
		width: 100%;
		margin: 0 !important;
		border: none !important;
	}
	#search_a {
		width: 100%;
		margin: 0 !important;
		border: none !important;
	}
	#search,
	#search1 {
		width: 100%;
		float: left;
	}
	#search,
	#search1 {
		margin: 0 0 10px 0;
	}
	.select{
		width: 100%;
		height: 30px;
		margin: 0 !important;
	}
	#search_a {
		height: auto !important;
	}
	#search_a {
		padding: 0 10px;
		background-color: #e1b051;
	}
	.search_btn {
		margin: 0 0 10px 0;
	}
	#search_name_block {
		margin-left: 0 !important;
		margin-bottom: 10px;
	}
	
}
@media (max-width: 959px){
	#c_left {}
	.act {
		color: #9e744a;
	}
	.desk-filter .desk-filter-inner {
		display: none;
	}
	.mob-filter .search_btn {
		background-color: #74583a;
	}
	.mob-filter {
		padding: 0 10px;
	}
	.mob-filter #search_name_block {
		color: #74583a;
		margin-top: 5px;
	}
	
}
@media (min-width: 960px){
	.mob-header {
    	display: none;
	}
	.act {
		margin: 0 0 0 10px;
	}
	.act {
		color:#5B0E1F;
	}
	#search_a {
		width:261px;
		
	}
	#search_a {
		background-color:#EBE8DF;
		background-image:url(images/search_bg.jpg);
	}
}