#top {
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
background-color:#FFFFFF;
}

#top .datblock, #group .datblock, #table00 .datblock{
background-color:#F5F5F5;
width:1150px;
}
#top .datblock{
	padding:0 20px 0 45px;
}
 
#top ol, #top nav{
padding:7px 0 0 0;
margin:0;
}

#top h1{
font-size:20px;
padding: 0 0 0 0;
margin:2px 0 10px 0;
color:#3C3B43;
}



#group{
background-color:#FFFFFF;
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}


#group .datblock{
padding:0 20px;
display:flex;
justify-content:space-between;
}


#offers{ 
	background-color:#ffffff!important;
	margin:0 0 0 8px;
	padding:0!important;;
}


#offers >div{ 
	height:400px;
	margin:0;
	padding:0!important;
}


#captcha{
	
 padding:0 !important;
 margin:0 !important;
display:flex;
justify-content:center !important;
width:100%;
text-align:center;
}
 


#group .datblock >div:first-child{
padding:10px 0 20px 0;
background-color:#ffffff;
width:77%;
margin-right:10px;
border-radius: 0 0 15px  0;
display:flex;
flex-wrap: wrap;
justify-content:center;
} 


#group  .datblock>div:last-child{
width:23%;
margin-left:10px;
padding:0 10px;
border-radius: 0 0 15px  0;
 background-color:#ffffff; 
} 
 



#table00{
background-color:#ffffff;
width:100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}  

#table00 .datblock{
	padding:40px 22px 20px 38px;
	font-family: 'Gotham-Book';
	font-size:10pt;
font-style: italic;

} 

#table00 .datblock div.p3{
	font-size:18pt;
	font-style: normal;
}
 

 div.ho{
	 text-align:center;
	margin-top:18px;
height:373px;
width:195px;
}
 
 
 div.ho h2{
	 font-size:18px;
	 font-weight:700
 }

 div.ho1{

height:363px;
width:195px;
}
 

@media (max-width: 1170px){
#top .datblock, #group .datblock, #table00 .datblock{
width:100%;
}

}


@media (max-width: 1075px){

#group  .datblock>div:last-child{
width:250px; 
} 
}



@media (max-width: 768px){ 

#offers{width:100%;
 
	margin:0 0 0 5px !important;
	padding:0;
}

 
#top h1{
font-size:18px;
	font-family: 'Gotham-Book';
	font-weight: 600;
}

#top .datblock{
	padding:0 25px 0 25px;
}

#offers >div{
	height:auto;
	background-color:#ffffff;
	padding:0 0 12px 0!important;
}

#offers >div:first-child{ 
    border-top:15px solid #F5F5F5;
	border-bottom:15px solid #F5F5F5;
} 
 
#offers  div.instok{
padding-top:10px!important;
}

div.ho{
margin-top:18px;
height:373px;
width:100%;
}

#group .st{
	width:100%;
	padding:0 0 0 20px;
	margin:0 0px 20px 5px!important;
}

#group .datblock{
		flex-direction:column;
}

#group .datblock >div:first-child{
padding:20px 0 20px 0;
background-color:#ffffff;
width:100%;
margin-left:0px;
border-radius: 0 0 15px  0;
display:flex;
flex-wrap: wrap;
justify-content:center;
} 


#group  .datblock>div:last-child{
width:100%;
margin-left:0px;
padding:0 5px;
border-radius: 0 0 15px  0;
 background-color:#ffffff; 
} 
 
 
button#ajaxform{
	width:100% !important;
}
 
 
 nav.breadcrumb li {
display:inline;
font-family: 'Gotham-Book'!important;
font-size:14px!important;
font-weight:900;
}


nav.breadcrumb  ol a{
color:#949494;
font-size:14px!important;
}
}


@media (max-width: 800px){

 .io_button {
    width: 100% !important;	 

   }
   
.io_button_wrap {
    text-align: center !important;
    width: 100%;
}
   
}
	
	
	
	/*   -----   CATALOG-FORM --------  */
	
.catalog_form{
	background: none;
}

.catalog_form > div.dt{
	display:flex;
	justify-content:space-between;
	padding:5px 0;
}

.catalog_form input[type=text]{
width:65%;
height:22px;	
background-color:#f3f3f3;
border:1px solid #b3b3b3;
border-radius:5px;
}

 
.catalog_form button{
	width: 100px !important;
	height: 30px !important;
	font-family: 'Gotham-Book';
	font-weight:100!important;
	font-size:8pt !important;
	margin:15px 0 15px 0  !important;
	border-radius:5px!important;
}

.catalog_form textarea{
background-color:#f3f3f3;
border-radius:5px;
height:60px;
width: 100%; 

} 

.catalog_form > div.dt >span{
 
	text-align:left;
	padding-right:10px;
	white-space: nowrap;
	font-family: 'Gotham-Book';
	font-weight:100;
	color:#4d4d4d;
	font-size:10pt;
}
 

.catalog_form > div.go >span{
	font-family: 'Gotham-Book';
	font-weight:100;
	color:#4d4d4d;
	font-size:6pt;
	line-height: 10px;
	text-align:left!important;
	margin:15px 0 15px 0;
}


.catalog_form > div.go {
	display:flex;
	justify-content:space-between;
}

	
	
.catalog_form {
/* background-color: #f3f3f3; */
text-align: center;
padding: 5px 10px 0 10px;
}

 
 
.query{
	text-align:center;
	margin:0px 0 3px 0px;
	padding:0px;
	font-family: 'Gotham-Book';
	font-weight:100!important;
	font-size:9pt;
}

.query strong{
	display:block;
    font-family: 'Gotham-Bold'; 
	font-size:11pt;
}

.call_contact{
width:100%;
display:flex;
padding-top:8px;
align-items:center;
justify-content:space-evenly;
	
} 





.text_hide_wrap {
    max-width: 100%;
}

.item_text {
    width: 100%;
    padding: 0px;
}

.item_text p {
    margin-bottom: 20px;
}

.io_item {
    width: 100%;
    padding-bottom: 20px;
}

.io_button_wrap {
    text-align: right;
    margin-top: 10px;
}

.io_button {
    width: 243px;	 
	line-height: 30px;
 
    background-color:#c62d25;
    border: 1px solid #f00;
    font-style: normal;
    padding: 0;

    vertical-align: top;
    color: #ffffff !important;
    cursor: pointer;


	font-family: 'Gotham-Book';
	font-weight:100!important;
	font-size:12pt;
	    margin-right:10px;
	border-radius:5px!important;
	text-align:center;

}

a.io_button:hover {
    text-decoration: none;
}

.io_item .btn_close {
    display: none;
}

.io_item .btn_open {
    display: inline-block;
}

.io_item.open .btn_close {
    display: inline-block;
}

.io_item.open .btn_open {
    display: none;
}

.io_trans {
    width: inherit;
    position: absolute;
    height: 80px;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 1) 100%);
    transition: 1s;
}

.io_item.open .io_trans {
    height: 0;
    transition: 1s;
}

.io_item_wrap {
    position: relative;
    overflow: hidden;
    max-height: 100px;
    width: inherit;
    transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
    max-height: 2500px !important;
    transition: max-height 1s;
}

.imhidden {
  display: none;
}

.imshow {
  display: block;
}