@media (min-width: 768px){
	#page-wrapper {
		margin: 0 0 0 0px;
		padding: 0;
	min-height: 500px;
	overflow: visible;
	}
}
body {
	background: none;
	
}

.clientmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%
}

.clientmenu ul,
.clientmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clientmenu ul {
  position: relative;
  z-index: 2;
}

.clientmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}

.clientmenu ul li.hover,
.clientmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

.clientmenu ul ul {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 100%;
  /*left: 0;*/
  z-index: 598;
  width: 320px;
}

.clientmenu ul ul li {
  float: none;
}

.clientmenu ul ul ul {
  top: 0;
  left: auto;
  right: -99.5%;
}

.clientmenu ul li:hover > ul {
  visibility: visible;
  display: block;
}

.clientmenu ul ul {
  bottom: 0;
  margin-top: 0;
 /* left: 0;*/
}



.clientmenu ul ul li {
  font-weight: normal;
}

.clientmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}

.clientmenu {
	background: #fff;
	font-weight: bold;
 
	font-size: 15px;
}

.clientmenu > ul {
  *display: inline-block;
}

.clientmenu:after,
.clientmenu ul:after {
  content: '';
  display: block;
  clear: both;
}

.clientmenu a {
  background: #fff;
  color: #000;
  padding: 0 10px;
}

.clientmenu ul {
  /* text-transform: uppercase;*/
  float: left;
}

.clientmenu ul ul {
  
  text-transform: none;
  min-width: 190px;
}
.clientmenu ul > li > span{
	line-height: 48px;
	padding: 0 12px;
	display: block;
	
}
.clientmenu ul > li.active{
	background: none;
}
.clientmenu ul > li.active > span{
	color: #8e35a0;
	display: block;
}
#mobileMenu li>span{
	color: #888;
	font-size: 13px;
}
.clientmenu ul ul a {
  background: #FFF;
  color: #222;
  border: 1px solid #e7e7e7;
  border-top: 0 none;
  line-height: 130%;
  padding: 13px 7px 13px 20px;
}

.clientmenu ul ul ul {
  border-top: 0 none;
}

.clientmenu ul ul li {
  position: relative
}

.clientmenu > ul > li > a {
  line-height: 48px;
}

.clientmenu ul ul li:first-child > a {
  border-top: 0px solid #0082e7;
}

.clientmenu ul ul li:hover > a {
  background: #FFF;
}

.clientmenu ul ul li:last-child > a {
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 0 #e7e7e7;
}

.clientmenu ul ul li:last-child:hover > a {
  border-radius: 0 0 0 3px;
}

.clientmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}

.clientmenu ul li:hover > a,
.clientmenu ul li.active > a {
  /*background: #fff;
  color: #8e35a0;*/
  background: #eee;
  color: #682774;;
}

.clientmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}

.clientmenu ul li.last ul {
  left: auto;
  right: 0;
}

.clientmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
.card .card-image img {
	max-height: 200px;
	position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
	cursor: pointer;
	
}
.top-navbar-hide{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}
.top-navbar-hide{
	top: -55px!important;
}
.top-navbar{
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
	
}
/* share styles */
.clientmenu .share-me{
	overflow: hidden;
	float: right;
}
.clientmenu .share-me a{
	padding: 10px 4px;
	
}
.relaited > div > a > img{
	 max-height: 120px;
	
}
.relaited .addr{
	font-size: 13px;
	
}
.relaited p a{
	font-weight: 700;
}
.relaited_name{
	min-height: 51px;
	max-height: 70px;
	overflow: hidden;
}
/* price */
.price{
	float: left;
	margin: 8px;
	padding: 6px;
	border: 1px solid #aaa;
	
}
.price_img img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

	filter: gray; /* IE 6-9 */
	transition: .5s;
}
.price_img img:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);

	filter: none; /* IE 6-9 */
	transition: .5s;
}
.price_title{
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
.content-in-card a, .content-in-card a:focus{
	color: #8e35a0;
}
.content-in-card a:hover{
	color: #7c1e18;
}
.site a, .site a:focus{
	color: #8e35a0;
	font-weight: 700;
}
.site a:hover{
	text-decoration: underline;
}
/* end price */
.card-content table, th, td {
   border: 1px solid black;
}
.with-title h1{
	background: linear-gradient(to right, #8e35a0, #ae97b3);
	margin: 0px;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	position: relative;
	left: -10px;
	top: 10px;
}
.with-title{
	overflow: visible;
}
.cmtx_submit_button{
	background-image: linear-gradient(to bottom, #ae97b3, #8e35a0) !important;
}
.with-title .conner{
	border: 5px solid transparent;
    border-top: solid 5px #8e35a0;
    border-right: solid 5px #8e35a0;
    width: 0px;
    height: 0px;
    position: relative;
    /* top: 11px; */
    bottom: -11px;
    left: -10px;

}
/*   vacancy styles */
.vacancy{
	    padding-top: 15px;
}
.vacancy:hover{
	color: #333;
	
}
.vacancy:hover{
	color: #000;
	
}
.v_name{
	font-size: 17px;
	font-weight: 500;
}
.v_price{
	color: green;
	font-weight: 700;
}
.m-m-container{
	height: 0px;
	position: relative;
	overflow: visible;
	left: -10px;
	width: calc(100% + 10px);
}
.static-m-menu{
	position: fixed!important;
	top: 23px;
	z-index: 30;
}
nav.c-menu ul span span.badge {
   
    top: 7px;
    margin-left: 5px;
}
.mobi-menu-conteiner{
	position: relative;
	height: 460px;
	width: auto;
	overflow: scroll;
	background: none;
	
}
.mobi-menu-conteiner ul{
	width: 300%;
	background-color: #682774;
	/*background-color: #e4d5e8;*/
}
.mobi-menu-conteiner ul > li.active > span{
	color: #ebe3ed;
}
@media (max-width: 500px) {
	.shot-fix{
		height: 180px;
		overflow: hidden;
	}
}
@media (min-width: 370px){
	.mobi-menu-conteiner ul{
		width: 290%;
		
	}
}

@media (min-width: 410px){
	.mobi-menu-conteiner ul{
		width: 274%;
		
	}
}
@media (min-width: 500px){
	.mobi-menu-conteiner ul{
		width: 212%;
		
	}
}
@media (min-width: 560px){
	.mobi-menu-conteiner ul{
		width: 202%;
		
	}
}
@media (min-width: 640px){
	.mobi-menu-conteiner ul{
		width: 171%;
		
	}
}
@media (min-width: 689px){
	.mobi-menu-conteiner ul{
		width: 160%;
		
	}
}

@media (min-width: 970px){
	.mobi-menu-conteiner ul{
		width: 120%;
		
	}
	.shot-fix{
		height: 110px;
		overflow: hidden;
	}
}
@media (min-width: 701px){
	.m-m-container{
		
		left: -68px;
		width: calc(100% + 132px);
	}
	.static-m-menu{
		left: 0px;
	}
}
@media (min-width: 768px){
	.m-m-container{
		
		left: -34px;
		width: calc(100% + 68px);
	}
	.static-m-menu{
		left: 0px;
	}
	
}
@media (max-width: 1000px){
	.m-m-container{
		height: 60px;
	}
}
.mobi-menu-conteiner a{
	color: #fff;
	/*color: #692675;*/
	line-height: 40px;
	
	
	background: none;
}
.mobi-menu-conteiner > ul > li > a{
	line-height: 40px;
}
.mobi-menu-conteiner > ul > li {
	height: 40px;
	border-right: 1px solid #fff;
	line-height: 40px;
}
.mobi-menu-conteiner ul li:last-child {
	border-right: none;
}
.mobi-menu-conteiner ul > li > span{
	line-height: 40px;
	color: #fff;
	/*color: #692675;*/

}
.mobi-menu-conteiner ul > li.cl_rubrics {
	background-color: #8e36a0;
	/*background-color: #d9c5de;*/
}
.mobi-menu-conteiner ul > li.active{
	background-color: #8e36a0;
}
@media (min-width: 1000px){
	.mobi-menu-conteiner{
		display: none;
	}
}
@media (max-width: 900px){

	.container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.client-card .header-card {
		margin: 0px 5px 30px 5px;
		min-height: auto;
		padding-bottom: 5px;
	}
	
	.client-card {
		top: -42px !important;
		z-index: 2;
	}
	.with-title h1{
		background: none;
		color: #682774;
		font-size: 18px;
		
	}
	.col-sm-8{
		padding-left: 5px;
		padding-right: 5px;
	}
	.card .card-content{
		padding: 20px 5px;
	}
	.card .card-content p{
		font-size: 14px;
		line-height: 19px;
	}
	.key-title h4{
		font-size: 16px;
		font-weight: 500;
		padding: 6px 7px;
	}
	.card.small{
		margin: 3px;
		width: 48%;
		min-width: auto;
	}
	.card button{
		padding: 4px 15px;
	}
	.products .card.small .card-image+.card-content{
		
		padding: 5px 3px;
	}
	.col-sm-4{
		padding-left: 5px;
		padding-right: 5px;
	}
	.card-contact{
		padding: 8px;
	}
	.card-content .col-sm-12{
		padding-left: 3px;
		padding-right: 3px;
	}
	.with-title .conner{
		display: none;
	}
}
.vacancy-primary{
	background-color: #f2f3ff;
	padding: 10px 10px 5px 10px;
	margin-bottom: 8px;
}
.vacancy-primary .vacancy-read-more{
	margin-bottom: 2px;
}
.vacancy-primary .vacancy-alert{
	color: red;
	font-weight: 500;
}