/* CSS Document */

table.tdomain {
 width: 100%; 
 border: 0px; 
 border-collapse: collapse;
 font-family: 'Open Sans', sans-serif;
 font-size:14px
}
table.tdomain thead {font-weight: bold;
text-align:left}
table.tdomain td {padding: 0.4rem 0.4rem; border-bottom: 1px solid #e8e9eb;}


*{font-family: 'Open Sans', sans-serif;color: #353535;line-height: 1.4;}

body{
	padding:0;
	margin:0;
	transition: 3s;
}

.container{
	max-width:1800px;
	margin:0 auto;
	overflow:hidden;
}

.flex{display:flex}

.top_line{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #838383;
	padding: 8px 0;
}

.left{
	display: flex;
    flex-wrap: wrap;
	flex-basis:220px;
	justify-content: space-between;
}

.icons{
	display: flex;
    flex-wrap: wrap;
	flex-basis:100px;
	align-items: center;
	justify-content: space-between;
}

.top_line hr{
    height: 1px;
    width: 100%;
    border: 0;
    background-color: #CCCCCC;
}

.shapka {
	display: flex;
	/* flex-wrap: wrap; */
}
.logo_block{
	padding-right: 20px;
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
	/* flex-basis: 25%; */
	font-family: 'Merriweather', serif;
	color: #353535;
	font-size: 16px;
	line-height: 1.4;
}

.tel, .adress, .mail{/* text-align: center; */margin:20px 0;}
.tl span {
	padding-left:30px;
}
.tel:before, .adress:before, .mail:before{
	content: "";
	display: block;
	background: url(image/ph.gif) no-repeat;
	width: 25px;
	height: 25px;
	float: left;
	margin: 0 15px 0 0;
}

a.phone, a.phone:visited  {
	font-family: 'Fira Sans Condensed', sans-serif;
	color : #77111d;
	text-decoration : none;
	font-size: 22px;
	line-height: 1.2;
}

a.phone:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
	color : brown;
}

a.top, a.top:visited  {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size : 16px;
	color : #77111d;
	text-decoration : none;	
}
a.top:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
	color : brown;
	text-decoration : line;
	border-bottom: 1px dashed brown;
}

.call{
		margin: 0 0 0 40px;
		display: block;
	}
.adress:before{background: url(image/map.gif) no-repeat;}
.mail:before{background: url(image/contact.gif) no-repeat;}

.menu_slide_block{width: 100%;/* flex-basis: 75%; *//* max-width: 75%; */}


.top_menu{margin: 0 -20px;}

ul.top_menu{
	max-width: 100%;
	list-style:none;
	padding:0;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin: 6px 0 20px 0;
}

ul.top_menu li{
	text-align: center;
	margin:0 20px;
	line-height: 24px;
}

ul.top_menu li:last-child {
     /* margin-right: 0; */
     /* padding-right: 0; */
    }



a.topmenulink, a.topmenulink:visited  {
	font-family: 'Fira Sans Condensed', sans-serif;
	color : #77111d;  
	text-decoration : none;
	font-size : 17px
	;}
	
	
a.topmenulink:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
	color : brown;  
	text-decoration : line;
	border-bottom: 1px dashed brown;
}

.slide_block{
}


.content_block {
    width: 100%;
}

img.price{
max-width: 100%;
}
.menu-block{min-width: 300px;}
.new{
max-width: 270px;
}
.menu li{list-style: none;}

.menu li img{margin-bottom: -6px;}

.menu ul li ul{padding-left:20px}

ul.child {
    padding-left: 20px;
    padding-right: 5px;
    list-style: none;
}

ul.gmenu{
padding:0;
}


.drawer--left .drawer-hamburger {
    display: none;
}

.title_menu, .breadcrumb{
    padding-bottom: 5px;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 10px;
 }
.breadcrumb {
    font-size: 14px;
    /* padding-left: 80px; */
    height: 24px;
    margin-bottom: 20px;
}
.title_menu {
        padding-top: 3px;
}

.put{font-family: 'Open Sans', sans-serif;color: #77111d;font-size: 14px;}
	
a.put, a.put:visited  {
font-family: 'Open Sans', sans-serif;
font-size : 14px;
color : #77111d;
text-decoration : none;	}

a.put:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
color : brown;
text-decoration : line;
border-bottom: 1px dashed brown;}

a.link, a.link:visited  {
 font-family: 'Open Sans', sans-serif;
color : #00297d;
text-decoration : none;
font-size : 14px;
line-height: 1.8;}
a.link:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
color : #0338a4;  
text-decoration : line;}

a.gmenulink1, a.gmenulink1:visited  {font-family: 'Fira Sans Condensed', sans-serif;color: #77111d;text-decoration : none;line-height: 1.8;font-weight: lighter;font-size : 17px;}
a.gmenulink1:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
color : #73260f;  
text-decoration : line;
border-bottom: 1px dashed #73260f;}

.content {
    margin-top: 20px;
    margin-right: 0;
    /* margin-left: 80px; */
}

.footer{
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	font-family: 'Open Sans', sans-serif;
	color:#666666;
	font-size : 14px;
	padding-top: 30px;
	line-height: 1.5;
	border-top: 1px solid #CCCCCC;
}

span.offert {
	font-family: 'Open Sans', sans-serif;
	color:#2A2A2A;
	font-size : 17px;
	line-height: 1.5;
	font-style: bolder;
}
	
.footer a, .footer a:visited  {
	font-family: 'Open Sans', sans-serif;
	color : #333333;
	text-decoration : none;
	font-size : 14px;
	line-height: 1.5;	
}

.footer a:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
	font-family: 'Open Sans', sans-serif;
	color : #000000;  
	text-decoration : line;
	font-size : 14px;
	line-height: 1.5;
	border-bottom: 1px dashed gray;
}

.f_menu dd{
	 margin: 15px 0;
	}
.f_menu dl{
	 margin: 0;
	}
	

.f_menu li{
    list-style: none;
	}

.offert {
	text-align:right}

h1	{ 
	font-family: 'Merriweather', serif;
	color:#353535; 
	font-size :27px;
	font-weight: lighter;
	text-indent: 1.1em }
		
h2	{ 
	font-family: 'Merriweather', serif;
	color:#353535; 
	font-size :22px;
	font-weight: lighter;
	text-indent: 1.5em }
	
h3	{
	font-family: 'Merriweather', serif;
	color:#353535;
	font-size :19px;
	font-weight: lighter;
	text-indent: 1.5em;
	}
	
h4	{ 
	font-family: 'Merriweather', serif;
	color:#353535; 
	font-size :15px;
	font-weight: lighter;}
		  		  	
p	{ 
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color : #353535;	 
	text-indent: 1.6em; 
	line-height: 1.5; }

td	{ 
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color : #353535; 
	line-height: 1.5; }

li	{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color : #353535;
	/* text-indent: 1.6em; */
	line-height: 1.5;
	}




@media (max-width: 1920px) {

body {
    padding: 0 10px;
}
}

@media (max-width: 1025px) {

.shapka {
    flex-wrap: wrap;
}

.logo_block {
    width: 100%;
    justify-content: space-around;
	}

.logo_block .logo {
	    align-self: center;
}
.logo_title{display:none}

.breadcrumb{
     padding-left: 20px;
}
.content {
    margin-left: 20px;
}  

table.tdomain thead {
  display: none;
 }
 table.tdomain tr {
  display: block;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e8e9eb;
 }
 table.tdomain td {
  display: block;
  text-align: right;
 }
 table.tdomain td:before {
  content: attr(aria-label);
  float: left;
  font-weight: bold;
 }	

.menu-block{display:none;}
	.drawer--left .drawer-hamburger {
    display: block;
	}
	.breadcrumb{
		 padding-left: 0;
	}
	.content {
		margin-left: 0;
	}
}

@media (max-width: 933px) {

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

}

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



 
	.f_menu {display: none;}
	.footer{padding-bottom:20px}
}

@media screen and (max-width: 850px) {
	.offert{display:none;}
}

@media screen and (max-width: 600px) {
	.f_contacts{display:none;}
}

@media screen and (max-width: 645px) {
	ul.top_menu {
		background-color: rgba(119, 17, 29, 0.1);
		/* text-shadow: 0 0 black; */
	}
}

@media screen and (max-width: 550px) {
	.footer {justify-content: center;}
	.f_contacts {display: none;}
	.footer_info{text-align: center;}
	.top_line {justify-content: center;}
	.slide_block, .mail, .adress{display: none;}
	.call{
		margin: 5px 0 0 5px;
		display: block;
	}
}


.block1 {height: 100px;width: 50px;position: fixed;top: 10%;right: 0;opacity: 0.5;z-index: 1000;}
.block1:hover{opacity: 1;}

/* buttion top  */

.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom: 20px;
right: 8px;
display:none;
text-indent:-9999px;
background: url('/templates/image/icon_top.png') no-repeat;}


a.cnt, a.cnt:visited  {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color : #77111d;
	text-decoration : none;}
a.cnt:hover, a.topactive, a.topactive:hover, a.topactive:visited  {
	color : brown;
	text-decoration : line;
	border-bottom: 1px dashed brown;
}

.table-wrap nobr {display:block}
.table-wrap {
width: 100%;
    text-align: center;
    display: inline-block;
  background-color: #fff;
  padding: 1rem 0;
}
 .table-wrap p{
     text-indent: 0;
}
.table-wrap table{
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }
 
.table-wrap table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
 
.table-wrap table th, .table-wrap table td {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ddd;
  }
 
.table-wrap table th {
    color: #fff;
    background-color: #f2f1f3;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }
.table-wrap table tr:nth-child(2n) {
background-color:#f8f8f8;
}
 @media screen and (max-width: 600px) {
 
.table-wrap table {
    border: 0;
  }
.table-wrap table thead {
    display: none;
  }
.table-wrap table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }
.table-wrap table td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid transparent;
  }
.table-wrap table td:last-child {
    border-bottom: 0;
  }
.table-wrap table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

.katalog{display:flex; flex-wrap:wrap;margin: -5px;}
.katalog .item{    
	text-align: center;
    padding: 10px 10px 5px 10px;
    flex-direction: column;
	}
.katalog .caption{padding-bottom: 5px;}
.k-index .item{padding: 0}

.card{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	}
.tech{
	margin-left:20px
	}
.tech h2{
	text-indent: 0;
}

.nowrap {
    flex-wrap: nowrap;
}


.f_contacts{
	text-align:right;
}

.owl-carousel h3{
    font-size: 14px;
    text-indent: initial;
    text-align:;
}