#button-choiceFabric {
	border-radius: 5px;
	border:0;
    font-weight: bold;
    max-width: 265px;
    background: #000;
    color: #fff;
    text-transform: inherit;
}
#button-choiceFabric:hover {}

.ov_msg_but{
background: #003a88; 
font-size: 15px; 
text-align: left; 
width: 130px; 
height: 20px; 
padding: 5px; 
border-radius: 5px; 
margin: 5px; 
color: #fff;
display: inline-block;
cursor: pointer;
}

/*#overlay_img_div img {
padding: 10px;
background: white;
}*/
.close_img {
	cursor:pointer;
	display:block;
	    top: -20px;
    right: -25px;
	    height: 20px;
    width: 20px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23fff' d='M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position:absolute;
}

.cf_label_new{
background: url(/image/fabric/labels/new_cf.png) 4px -6px / 100% 86% no-repeat;
height: 120px;
width: 130px;
opacity: 1;
}

.fabric_types{
	cursor: pointer;
}

.tov_param{
	display: block;
	font-size: 14px;
	
}

.wf_productContainer{
	display: inline-block;
	height: 100%;
	width: 25%;
	float: left;
}
.wf_fabricContainer{
	display: inline-block;
	height: 100%;
	width: 73%;
	float: left;
	padding: 5px; 
}

.wf_fabricContainer a{
	font-size: 14px;
	margin: 0 20px 0 0;
	color: #c7c749;
	text-decoration: none;
    border-bottom: 1px dashed #c7c749;
}
.wf_fabricContainer a:hover{
	color: #bb6f24;
	border-bottom: 1px dashed #bb6f24;
}

.chosen_fabric{
	float: left;
	width: 100%;
	height: 60%;
	font-size: 12px;
	font-weight: bold;
}
.chosen_fabric table{
	width: 300px;
}
.chosen_fabric table td, #fabric_selected table td{
	vertical-align: bottom;
}
.product_param{
	float: left;
	text-align: left;
	width: 100%;
	font-size: 14px;
	padding: 10px;
	height: 26%;
	line-height: 16px;
}
.product_param img{
	height: 60%;
}

.basic_fabric, .companion_fabric, .third_fabric, .four_fabric{
		float: left;
	width: 96%;
	border-radius: 5px;
	border: 1px solid #cccccc;
	margin: 10px 0 10px 0;
	text-align: center;
}


.companion_fabric p, .basic_fabric p, .third_fabric p, .four_fabric p{
	font-size: 14px;
	font-weight: bold;
	font-family: Calibri;
	color: #cccccc;
	/* height: 60%; */
	padding: 0px;
	padding-top: 6px;
	line-height: 0px;
}
.companion_fabric .span, .basic_fabric .span, .third_fabric .span, .four_fabric .span{
	font-size: 10px !Important;
	font-weight: bold;
	font-family: Calibri;
	color: #585757;
}
.companion_fabric table td:nth-child(1) div{
	width: 50px;
}

.option_price_con{
	width: 18px;
	height: 18px;
	background: #cfcfcf;
	border-radius: 9px;
	display: inline-block;
	cursor: pointer;
	margin: 3px;
}
.option_price_con_disabled{
	width: 18px;
	height: 18px;
	background: #f1f1f1;
	border-radius: 9px;
	display: inline-block;
	cursor: pointer;
	margin: 3px;
}

.option_price{
	margin: 4px;
	width: 10px;
	height: 10px;
	background: #c7c749;
	border-radius: 5px;
	display: block;
}

.agree_button, .close_button{
	float: left;
	width: 132px;
	color: #fff;
	font: 14px Calibri;
	height: 20px;
	padding-top: 3px;
	text-align: center;
	border-radius: 12px;
	cursor: pointer;
	margin: 5px;
	/* margin-left: 70px; */
}

.agree_button:hover, .close_button:hover{
	background: #bb6f24;
}
.for_toogle_scroll {
	margin-right:10px;
}
.fabric-block-img {
	display: flex !important;
    flex-direction: column;
    width: 100%;
    max-width: calc(25% - 25px);
}
.img_fabric{
	margin: 2px 5px 0 0;
	width: 150px; 
	height: 150px; 
	border-radius: 5px;
	background-size: contain;
	cursor: pointer;
	overflow: hidden;
	background-size: cover !Important;
	display: flex;
    flex-direction: column;
}	
.fabric-block-img .img_fabric {
	width:100%;
}
.main_fabrics_container{
	overflow-y: hidden; 
	overflow-x: hidden; 
width: 100%;
height: 67%;
	background: #fff;  
	margin-top: 20px;
	z-index: 999999;
}

.header_fabrics_container{
	width: 100%; 
	height: 30%;
}

.cats_div{
	width: 100%; 
	margin-top: 10px;
}

.cats_div table td{
	padding-left: 9px;
	text-align: center;
	width: 55px;
	
	/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFBAMAAACdnSCvAAAAD1BMVEXt7Ozu7e3c29vb29vu7Oyu2tPnAAAAGklEQVR4XgXAgRAAAAwCwB/CGBLJn6oTnPoBAhsAdmVaaXQAAAAASUVORK5CYII=) repeat-x 11px; */
}
.modk_s {
  /*  height: 120px;
    overflow: auto; */
}

#fabric_selected {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -50px;
    background: #ffffff;
    /* border-radius: 5px; */
    z-index: 1;
}
#fabric_selected .basic_sf, #fabric_selected .companion_sf, #fabric_selected .third_sf, #fabric_selected .four_sf{
        display: inline-block;
    text-align: left;
    width: 300px !important;
    border: 2px solid #727272;
    background: #ffffff;

}
#fabric_selected  table {margin: auto; text-align: center;}
#fabric_selected tr {display: inline-block;}

.img_fabric .check_companion_button, .img_fabric .check_basic_button, .img_fabric .check_zoom_button, .img_fabric .check_third_button, .img_fabric .check_four_button, .img_fabric .find_fabric_button{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    display: none;
    padding: 2px 0 1px;
    border-bottom: 1px solid #999;
    opacity: 0.8;
    background: #fff;
    color: #000000;
    height: 100%;
    }

    .img_fabric .find_fabric_button {
	height: 100px;
	line-height: 100px;
    font-size: 14px;
    }

   .img_fabric .check_companion_button:hover, .img_fabric .check_basic_button:hover, .img_fabric .check_zoom_button:hover, .img_fabric .check_third_button:hover, .img_fabric .check_four_button:hover, .img_fabric .find_fabric_button:hover{
   opacity: 0.7;
   }


   .cf_label_new_category {
   margin: -22px 20px 0;
   position: absolute;
   display: block;
   color: #c7c749;
   -webkit-animation: blink1 3s linear infinite;
   animation: blink1 3s linear infinite;
  }

  @-webkit-keyframes blink1 {
  0% { color: rgba(173, 55, 99, 1); }
  50% { color: rgba(241, 176, 200, 0.18); }
  100% { color: rgba(255, 0, 0, 1); }
  }
  @keyframes blink1 {
  0% { color: rgba(173, 55, 99, 1); }
  50% { color: rgba(241, 176, 200, 0.18); }
  100% { color: rgba(255, 0, 0, 1); }
  }


  .cf_label_new {
   height: 132px;
   width: 130px;
   opacity: 1;
  }


.type_description{
	display: none;
	position: absolute;
	min-width: 200px;
	max-width: 400px !important;
	min-height: 20px;
	max-height: 500px;
	font-size: 12px;
	padding: 7px;
	border-radius: 5px;
	background: #fdfdfd;
    border: 2px dotted #918ebd;
    color: #444;
    z-index: 8001;
}

.question_mark{
    margin-top: -8px;
    cursor: pointer;
    font-size: 10px;
    color: #000;
    padding: 0px 6px;
    height: 18px;
    border: 1px solid #b9b9b9;
    border-radius: 10px;
    background-color: #ffffff;
    position: absolute;
}

#cf_modal_background{
	opacity: 0.8;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999;
	background-color: black;
}

#cf_modal_content a{
	text-decoration: none;
	    vertical-align: top;
}

#cf_modal_content .ruble-georgia {
    margin-left: 4px;
}

#cf_modal_content{
	width: 98%;
	min-width: 280px;
	opacity: 1;
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 5px;
    z-index: 9999999;
    text-align: left;
    padding: 10px;
    background-color: #fff;
}

#cf_modal_close_button{
	color: #fff;
    font-size: 22px;
    font-family: Calibri;
    position: absolute;
    z-index: 9999999;
    cursor: pointer;
}

#cf_left_block{
	height: 550px;
    width: 29%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

#cf_right_block{
	height: 550px;
    width: 71%;
    display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

#cf_product_block {
    width: 100%;
    min-height: 15%;
    display:flex;
    justify-content: space-around;
    align-items: center;
}

#cf_selected_fabrics_block {
    width: 100%;
	padding-left: 3px;
 background: rgba(0, 0, 0, .1);
	border-radius: 5px;
    padding-bottom: 10px;
    margin-top: 10px;
}

#cf_fabrics_block {
    width: 100%;
    height: 66%;
	overflow: hidden;
    background: #fff;
	text-align: center;
}

#cf_presearch{
	overflow-X: hidden;
	overflow-Y: auto;
	position: absolute;
	padding-top: 5px;
	background: #fff;
	z-index: 999999999;
	box-shadow: 10px -10px 20px 10px rgba(70, 169, 252, 0.4), 0px 0px 25px 20px rgba(70, 169, 252, 0.4);
	height: 300px;
	padding-top: 10px;
    width: 90% !important;
	/*left: auto !important;*/
}

#cf_categories_types_block ul.cf_select_list li:hover {
	background:#f3f3f3;
}
#cf_search_block  input[type="button"]:hover {
	background: #131313;
	 color: #fff;
}
#cf_search_block  input[type="button"]{
    color: #fff;
    text-align: center;
    background: #000;
    cursor: pointer;
}

#cf_search_block {
    font-size: 12px;
    margin: 0 0 8px;
    text-align: center;
        display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0 15px;
}

#cf_search_block  label, #cf_search_block  input{
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/*#cf_categories_types_block {
    width: 100%;
	height: 31%;
	margin-top: 5px;
} */

#cf_product_image {
    position: relative;
    /*width: 100px;*/
    width: 200px;
    display: inline-block;
    float: left;
	overflow: hidden;
}

#cf_product_image  img{
   width: 100%;
}

/* #cf_product_info_block, #cf_product_new_price_block{
    word-break: break-word;
} */

#cf_product_info_block{
    position: relative;
    margin: 4px;
    text-align: center;
}

#cf_product_title {
    margin: 0 5px;
    height: 40px;
    white-space: pre-line;
    overflow: auto;
}

#cf_product_title h1 {
    color: #c7c749;
    font-size: 12px;
	text-align: left;
	border-bottom: none;
	background: none;
	text-shadow: none;
}

#cf_product_new_price_block {
    margin-top: 4px;
    position: relative;
    font-size: 12px;
  /*  color: #c7c749;  */
}

#cf_product_new_price_block span {
	font-size: 20px;
}

#ul_categories {float: left;}

#cf_right_block ul {
	list-style-type: none;
    padding: 0;
	width: 100%;
	background: #f3f3f3;
}

#cf_right_block ul li{
	float: left;
	padding: 0 3px;
}

#cf_right_block ul li.cf_types.active{
	background-color: #000!important;
    border: none;
	
}
#cf_right_block ul li.cf_types.active a{
	color:#fff;
}
#cf_right_block ul li.cf_types{
    float: left;
    border-radius: 5px;
    vertical-align: baseline;
    padding: 1px 5px 0px 5px;
    cursor: pointer;
    border: 1px solid #000;
    margin: 3px 2px;
	background: #fff;
    color: #fff;
}

#cf_right_block ul li.cf_types a{
	text-decoration: none;
    color: #333333;
	font-size: 12px;
}

/*#cf_categories_types_block ul li:hover a {color: #fff;}*/
#cf_categories_types_block ul li:hover {
	background:#000;
}
.cf_select_button:after {
	content: "▼";
	float: right;
	margin-right: 5px;
}

.cf_select_button {
       width: 200px;
    margin: 0 auto;
    background: #080808;
    display: none;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

li.cf_categories{
	text-align: center;
	width: 68px;
    cursor: pointer;
    background: none!important;
}


li.cf_categories > span{
    color: #000000;
    font-style: normal;
    font-size: 12px;
}

li.cf_categories .ruble{
    font-size: 10px;
}

li.cf_categories:hover > span {
color: #c7c749;
}

li.cf_types a{
	color: #cc8035;
	
}

.cf_category_option{
   background: #000000;
    border: 1px solid #303235;
    border-radius: 5px;
    width: 16px;
    height: 16px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 4px auto 2px;
}

.cf_categories.disabled{
		display: none;
	}

.cf_category_option.disabled{
	 background: #F3F3F3;
}

.cf_category_option span.active, .cf_category_option span.visible{
    display: inline-block ! Important;
    background: #ffffff;
    width: 10px;
    height: 10px;
    margin: 0;
       border-radius: 2px;
}

#cf_selected_fabrics_block label{
    display: block;
    color: #000;
    text-align: center;
}

#cf_selected_fabrics_block label-2 {
    text-align: center;
    margin: 2px 2px;
    display: block;
    color: #6d6d6d;
    font-size: 12px;
}

#cf_selected_fabrics_block > div > div{
	width: 99%;
	min-height: 86px;
    background: #fff;
	text-align: center;
    
    border-radius: 5px;
	overflow: hidden;
}

#cf_selected_fabrics_block > div > div > p{
    color: #000;
}

#cf_selected_fabrics_block > div > div > p > span{
	display: block;
    font-weight: normal;
    font-size: 11px;
	color: #666;

}

#cf_selected_fabrics_block table {
	float: left; display: contents; text-align: left;
}

#cf_selected_fabrics_block table td {
	    padding: 0;
    margin: 0;
}
#cf_selected_fabrics_block .img_fabric{
	float: left;display: inline-block; text-align: left;
}

.selected_fabric_info span{
	font-weight: normal; 
	font-size: 10px; 
	display: block;
}

.selected_fabric_info span:nth-child(1){
	font-weight: bold; 
	font-size: 14px;
}

/*.selected_fabric_info span:nth-child(2){
	font-style: italic; 
	font-size: 12px;
}*/


#cf_agree_button, #cf_close_button{
    width: 45%;
    display: inline-block;
    margin: 5px;
}

#cf_agree_button div, #cf_close_button div{
    color: #fff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    background-color: #000;
    border-color: #131313;
    cursor: pointer;
}
#cf_agree_button div {
    background: #000;
    border: #131313;
}
#cf_agree_button div:hover {
		background: #131313;
}
#cf_close_button div:hover{
	background: #131313;
}

.cf_select_kat {
    display: block;
    line-height: 14px;
    color: #f00;
    font-style: normal;
    -webkit-animation: blink1 5s linear infinite;
    animation: blink1 5s linear infinite;
}

@media (min-width: 1920px) {
	
#cf_left_block {
    height: 1000px;
}
#cf_right_block {
    height: 1000px;
}

#cf_categories_types_block {
    height: 18%;
}

#cf_fabrics_block {
    height: 82%;
}

}

@media (max-width: 1919px) and (min-width: 1360px) {

#cf_left_block {
    height: 640px;
}

#cf_right_block {
    height: 640px;
}

#cf_categories_types_block {
    height: 26%;
    margin: 5px 0 15px;
    border-bottom: 1px solid #cccccc;
}

}

@media screen and (min-width:1360px){

	#cf_modal_content{
		position: fixed;
		top: 20px !important;
	}
	
	#cf_modal_close_button{
		position: fixed;
		top: 20px;
	}

	#cf_presearch{
		position: fixed;	
	}
	
	#cf_right_block ul li.cf_types{
		display:flex;
		position:relative;
		align-items:center;
		height:25px;
	}
	
	.question_mark {
		margin-top: 0;
    right: -10px;
    top: -10px;
    display: flex;
    align-items: center;
        z-index: 1;
	}
	.type_description {
	 left: calc(-100% - 20px) !important;
    top: calc(100% + 5px);
	}
	
}

@media screen and (max-width:1359px){
	
	#cf_search_block {
    float: right;
    width: 40%;
    }

    #cf_left_block{
		width: 100%;
		height: auto;
	}

	#cf_right_block {
		width: 100%;
	}
	
	#cf_right_block ul {
		width: 330px;
		background: #f6f5ff;
	}
	
	#cf_product_block {
		height: 18%;
		display:flex;
	}
	#cf_product_info_block {
	margin-right: auto;
        padding-left: 25px;
	}
	#cf_product_image {
    width: 150px;
	}
	.cf_select_button {
		display: inline-block;
        width: 46%;
        margin: 5px;
	}
	
	.cf_select_button:hover {
	color: #fff;
	}

	.cf_select_list {
		background: #fff;
		position: absolute;
		z-index: 10000001;
		height: 356px;
		width: 175px;
		overflow-y: auto;
		display: none;
	}	
			
	.cf_select_list li{
		width: 98% !important;
	}

	.cf_select_list a{
		text-decoration: none;
	}

	.cf_select_list li:hover{
		background: #ccc;
		cursor: pointer;
	}
	
	#cf_fabrics_block {
		height: 84%;
	}
	
	.cf_categories  {
	padding: 1px 2px;
	font-size: 14px;
	}
	
    li.cf_categories {
    width: 100%;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #ddd;
	}
	
	#cf_categories_types_block {
        width: 100%;
        display: inline-block;
        padding: 10px 4px;
        border-bottom: 1px solid #ccc;
        text-align: center;
	}
	
	.displayed {
		display: block;
	}
	
    .question_mark {display: none !important;}

	.cf_category_option{
		display: none;
	}

	.cf_label_new_category {
	margin: -58px 0 0 10px !important;
	}

	li.cf_categories > span {
	    padding: 0 0 0 4px;
		width: auto;
	}
	
	#cf_selected_fabrics_block > div{
		width: 50%;
		display: inline-block;
	}
	
	#cf_selected_fabrics_block {

		float: left;
	}

	#cf_basic_fabric_block, #cf_companion_fabric_block {
		height: 100%;
		width: 98%;
	}

	.cf_categories.disabled{
		display: none;
	}

	.scf_desc{
		    display: inline-block;
		font-size: 10px;
	}
	
	#cf_product_new_price_block {
		font-size: 11px;
	}

    #cf_agree_button, #cf_close_button {
    width: 46%;
    }
	
}

@media screen and (max-width: 980px){
	#button-choiceFabric {
		max-width:100%;
	}
	 .fabric-block-img {
    max-width: calc(33.3% - 20px);;
    
}
	 #cf_product_new_price_block{
	     margin-top: 5px;
	 }

	#ul_categories.cf_select_list a{
		text-decoration: none;
	}

	#ul_categories.cf_select_list li:hover{
		background: #ccc;
		cursor: pointer;
	}
	
	.cf_select_kat {
    margin-bottom: 14px;
	text-align: center;
}

	.cf_categories.disabled{
		display: none;
	}
	
}

    @media screen and (max-width:600px){
	 .fabric-block-img {
    max-width:  calc(50% - 20px);
}
	#cf_search_block {
		height: 20%;
	}
	
	
	#cf_search_block  label, #cf_search_block  input{
        width: 43% ! Important;
        display: inline-block;
        margin: 0 5px;
	}
	#cf_search_block  input[type="button"]{
		width: 94%;
	}

	#cf_right_block{
		 height: 650px;
	}
	
	#cf_right_block ul {
    width: 240px;
    }
}

   @media screen and (max-width: 568px){
	   
    #cf_search_block {
        float: none !important;
        width: auto !important;
    }

    #fabric_selected .basic_sf, #fabric_selected .companion_sf, #fabric_selected .third_sf, #fabric_selected .four_sf{
    width: 100%;
    }
	
	#cf_selected_fabrics_block {
        height: 232px;
        overflow: auto;
    }

    #cf_selected_fabrics_block > div{
	width: 99%;
    margin-left: 3px;
    }

    #product {
    padding: 12px 8px 22px;
    }
  }

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

    #fabric_selected {
    width: 100%;
    }
	
	.cf_select_button {
        display: block;
        width: 97%;
    }

	.cf_select_list {
		background: #fff;
		position: absolute;
		z-index: 10000001;		
		width: 175px;
		overflow-y: auto;
		display: none;
	}

	.cf_select_list a{
		text-decoration: none;
	}

	.cf_select_list li:hover{
		background: #ccc;
		cursor: pointer;
	}
	
	#cf_fabrics_block {
		height: 84%;
	}
	
	.displayed {
		display: inline-block;
	}
	
	#cf_selected_fabrics_block {
		margin-top: 6px;
	}

	.selected_fabric_info span{
		font-size: 10px; 
	}

	.selected_fabric_info span:nth-child(1){
		font-size: 10px;
	}

/*	.selected_fabric_info span:nth-child(2){
		font-size: 10px;
	}*/

	#cf_basic_fabric_block, #cf_companion_fabric_block {
		height: 100%;
		width: 98%;
	}

	.cf_categories.disabled{
		display: none;
	}

	.scf_desc{
		display: inline-block;
		font-size: 10px;
	}
	
	.question_mark{
		display: none;
	}
	
	#cf_product_new_price_block {
		font-size: 11px;
	}
	
	#cf_product_new_price_block span {
    font-size: 14px;
    }

    #cf_agree_button, #cf_close_button {
    width: 46%;
    }
   }

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

    #cf_right_block ul {
        width: 254px;
    }
  }