body {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
a:hover {
    color: #c90000;
    text-decoration: none;
}

/* Round Corners*/
.r0, .r1, .r2, .r3, .r4 { overflow: hidden; font-size:1px; display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 1em 0;}
div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: nowrap;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

/*Error & OK messages*/
.errortext, .notetext
{
	display: block;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
	border: 1px solid;
}

.errortext ul, .notetext ul {padding:0.3em 0 0.3em 2em; margin:0;}
.errortext ul li, .notetext ul li {margin:0; padding:0;}
.recommended-main {
	margin-bottom: 30px;
}

.recommended-main__item {
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	min-height: 242px;
}
.catalog-main__item {
	min-height: 180px;
}

.mmenu {
    position: absolute;
    width: 35px;
    height: 35px;
	z-index: 999;
	
}
    .mmenu span {
        width: 35px;
        height: 2px;
        position: absolute;
        top: 42%;
        left: 0;
        background: #383838;
        transition: 0.2s;
    }
        .mmenu span:before, .mmenu span:after {
            content: '';
            width: 35px;
            height: 2px;
            background: #383838;
            position: absolute;
            transform: translateY(-8px);
            left: 0px;
            transition: 0.2s;
        }
        .mmenu span:before {
            transform: translateY(-8px);
        }
        .mmenu span:after {
            transform: translateY(8px);
            width: 27px;
        }
        #sidebar {
            width: 350px;
            position: fixed;
            top: 0;
            right: -350px;
            height: 100vh;
            max-width: 100%;
            z-index: 999;
            text-align: right;
            background: ##fdfdfd;
            color: #212529;
            transition: all 0.3s;
            overflow-y: scroll;
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        }
        
        #sidebar.active {
            right: 0;
        }
        
        #dismiss {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background: #d2d2d2;
            position: absolute;
            top: 10px;
            left: 10px;
            cursor: pointer;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }
        
        #dismiss:hover {
            background: #fff;
            color: #7386D5;
        }
        
        .overlay {
            display: none;
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: #fff;
            /* background: rgba(0, 0, 0, 0.7); */
            z-index: 998;
            opacity: 0;
            top:0;
            transition: all 0.5s ease-in-out;
        }
        .overlay.active {
            display: block;
            opacity: 1;
        }
        
        #sidebar .sidebar-header {
            padding: 20px;
            background: #f5f5f5;
        }
        
        #sidebar ul.components {
            padding: 20px 0;
            border-bottom: 1px solid #47748b;
        }
        
        #sidebar ul p {
            color: #fff;
            padding: 10px;
        }
        
        #sidebar ul li a {
            padding: 10px;
            font-size: 1.1em;
            display: block;
            text-align: left;
            color: #212529;
        }
        
        #sidebar ul li a:hover {
            color: #212529;
            background: #fff;
        }
        
        #sidebar ul li.active>a,
        a[aria-expanded="true"] {
            //color: #fff;
            background: #6d7fcc;
        }
        
        a[data-toggle="collapse"] {
            position: relative;
        }
        
        .dropdown-toggle::after {
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
        }
        .arrow-left {
            background: url(img/str.svg) no-repeat center center;
            background-size: 60%;
            width: 100%;
            height: 100%;
            display: block;
        }
        .top-nav.fixed {
            position: fixed;
            background: #fff;
            left: 0;
            right: 0;
            z-index: 995;
            padding: 5px 15px;
        }
        
        .top-nav.fixed .header-contact {
            align-items: center;
        }
        .form {
            padding-left: 10px;
            padding-right: 10px;
        }
		@media (max-width: 992px) { 
			.menu {
				display: inline-block;
				float: right;
			}
			#menu {
				display: none;
			}
		}
@media (max-width: 768px) { 
	.icon-head-mneu {
		display: none;
	}
	div.return_back {
		width: initial;
		display: inline-block;
		left: 57%;
	}

    #navigation {
        margin: 19px 0px 0 15px;
    }
}
@media (max-width: 520px) { 
	.icon-head-mneu {
		display: none;
	}
	div.return_back {
		left: 30px;
	}
    
}
.mb-3 {
	margin-bottom: 1rem;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mb-4 {
	margin-bottom: 4rem;
}
.mt-3 {
	margin-top: 3rem;
}
.mt-2 {
	margin-top: 1rem;
}
.mt-4 {
	margin-top: 4rem;
}
.my-3 {
	margin: 3rem 0;
}
.my-2 {
	margin: 1rem 0;
}
.my-4 {
	margin: 4rem 0;
}
.mx-3 {
	margin: 0 3rem;
}
.mx-2 {
	margin: 0 2rem;
}
.mx-4 {
	margin: 0 4rem;
}
.pl-1{
	padding-left: 1rem;
}
.pl-2{
	padding-left: 2rem;
}
.pl-3{
	padding-left: 3rem;
}
.pr-1{
	padding-right: 1rem;
}
.pr-2{
	padding-right: 2rem;
}
.pr-3{
	padding-right: 3rem;
}
.right_contact {
	position: relative;
	border-left: 2px solid #E9E9E9;
    margin: 20px 0 0 20px;
    padding: 0px 20px;
}

#ins {    
	display: block;
	width: 100%;
	font-size: 70%;
	padding: 5px;
	position: relative;
	right: 0px;
	border: 2px solid #E9E9E9;
	margin-top: 15px;
	}

.sl-h3 {
    width: 100%;
	text-align: center;
    display: block;
    position: relative;
    font-weight: 700;
    text-color: white;
	color: #fff;
    padding: .8em 1em;
    margin-bottom: 15px;
    border-radius: 3px;
    background: rgb(64,199,129);
    box-shadow: 0 -3px rgb(53 167 110) inset;
    transition: 0.2s;
	text-decoration: none;
	cursor:pointer;
}
.sl-h3:hover { background: rgb(53, 167, 110); }
.sl-h3:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

.right_contact
{
  position: relative;
  margin: 5px;
}

div.purchase {
  display: block;
  position: relative;
  font-weight: 700;
  text-color: white;
  text-decoration: none;
  padding: .6em 1em calc(.6em + 3px);
  margin-bottom: 15px;
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
div.purchase:hover { background: rgb(53, 167, 110); }
div.purchase:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}


div.contact_us {
  display: block;
  position: relative;

  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
}

div.contact_us a {
display:inline-block;
  font-weight: 700;
  text-color: white;
  text-decoration: none;
  padding: .6em 3em calc(.6em + 3px);
}

 
div.contact_us:hover { background: rgb(53, 167, 110); }
div.contact_us:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}


div.vacancy_button {
  display: block;
  position: relative;
  margin-bottom: 15px;
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 

div.vacancy_button a{
display:inline-block;
  font-weight: 700;
  text-color: white;
  text-decoration: none;
  padding: .6em 5em calc(.6em + 3px);
}

div.vacancy_button:hover { background: rgb(53, 167, 110); }
div.vacancy_button:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}


div.sale_button {
  display: block;
  position: relative;

  border-radius: 3px;
  background: rgb(255,250,175);
  box-shadow: 0 -3px rgb(190,180,0) inset;
  transition: 0.2s;
}

div.sale_button a {
display:inline-block;
  font-weight: 700;
  text-color: white;
  text-decoration: none;
  padding: .6em 3em calc(.6em + 3px);
}

 
div.sale_button:hover { background: rgb(238, 222, 0); }
div.sale_button:active {
  background: rgb(240,228,38);
  box-shadow: 0 3px rgb(190,180,0) inset;
}



div.sys_integration {
  display: block;
  position: relative;

  border-radius: 3px;
  background: rgb(255,250,175);
  box-shadow: 0 -3px rgb(190,180,0) inset;
  transition: 0.2s;
}

div.sys_integration a {
display:inline-block;
  font-weight: 700;
  text-color: white;
  text-decoration: none;
  padding: .6em 1em calc(.6em + 3px);
}

 
div.sys_integration:hover { background: rgb(238, 222, 0); }
div.sys_integration:active {
  background: rgb(240,228,38);
  box-shadow: 0 3px rgb(190,180,0) inset;
}



.broshure {
  display: block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  padding: 5px;
  margin-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8em; 
}


.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 1;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #aaa;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #3C72CC;
}
.carousel-caption {
  position: absolute;
  right: 0;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-middle {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-full {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-middle-600 {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-middle-380 {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;
}

.carousel-caption-middle-right {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-middle-right-600 {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

.carousel-caption-middle-right-380 {
  position: absolute;
  right: 0;
  top: 10px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
}

  .carousel-caption-middle {
    right: 0%;
    width: 450px;	
    left: 2%;
    padding-top: 0px;
    text-align: center;
  }
  
   .carousel-caption-full {
    right: 0%;
    padding-top: 0px;
    text-align: center;
  }
  .carousel-caption-middle-600 {
    right: 0%;
    width: 600px;	
    left: 2%;
    padding-top: 0px;
    text-align: center;
  }

  .carousel-caption-middle-380 {
    right: 0%;
    width: 380px;	
    left: 2%;
    padding-top: 0px;
    text-align: center;
  }

  .carousel-caption-middle-right {
    right: 0%;
    width: 450px;	
    left: 60%;
    padding-top: 0px;
    text-align: center;
  }


  .carousel-caption-middle-right-380 {
    right: 0%;
    width: 380px;	
    left: 55%;
    padding-top: 0px;
    text-align: center;
  }
  .carousel-caption-middle-right-600 {
    right: 0%;
    width: 600px;	
    left: 45%;
    padding-top: 0px;
    text-align: center;
  }

  .carousel-caption-middle h3 {
    margin: 0px;
  }
  
   .carousel-caption-full h3 {
    margin: 0px;
  }
  .carousel-caption-middle-600 h3 {
    margin: 0px;
  }
  .carousel-caption-middle-right h3 {
    margin: 0px;
  }
  .carousel-caption-middle-right-600 h3 {
    margin: 0px;
  }
  .carousel-caption-middle-380 h3 {
    margin: 0px;
}
  .carousel-caption-middle-right-380 h3 {
    margin: 0px;
  }

.carousel-caption-600 {
  position: absolute;
  right: 0;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;  
}

.carousel-caption-380 {
  position: absolute;
  right: 0;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;
}

.carousel-caption-right {
  position: absolute;
  right: 10px;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;  
}

.carousel-caption-right-600 {
  position: absolute;
  right: 0;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;  
}


.carousel-caption-right-380 {
  position: absolute;
  right: 0;
  top: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
//  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: none;
  text-align: center;  
}

.carousel-caption .btn {
  text-shadow: none;
}
.carousel-caption-600 .btn {
  text-shadow: none;
}
.carousel-caption-380 .btn {
  text-shadow: none;
}

.carousel-caption-right .btn {
  text-shadow: none;
}
.carousel-caption-right-600 .btn {
  text-shadow: none;
}
.carousel-caption-right-380 .btn {
  text-shadow: none;
}

.catalog-element {
  max-width: 100%;
  }


@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    right: 0%;
    width: 450px;	
    left: 2%;
    padding-top: 0px;
    text-align: center;

  }
  .carousel-caption-600 {
    right: 0%;
    width: 600px;	
    left: 2%;
    padding-top: 0px;

  }

  .carousel-caption-380 {
    right: 0%;
    width: 380px;	
    left: 2%;
    padding-top: 0px;

  }

  .carousel-caption-right {
    right: 0%;
    width: 450px;	
    left: 55%;
    padding-top: 0px;

  }


  .carousel-caption-right-380 {
    right: 0%;
    width: 380px;	
    left: 55%;
    padding-top: 0px;

  }
  .carousel-caption-right-600 {
    right: 0%;
    width: 600px;	
    left: 45%;
    padding-top: 0px;

  }

  .carousel-caption h3 {
    margin: 0px;
  }
  .carousel-caption-600 h3 {
    margin: 0px;
  }
  .carousel-caption-right h3 {
    margin: 0px;
  }
  .carousel-caption-right-600 h3 {
    margin: 0px;
  }
  .carousel-caption-380 h3 {
    margin: 0px;
}
  .carousel-caption-right-380 h3 {
    margin: 0px;
  }
  .carousel-indicators {
    bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .carousel-indicators {
    bottom: 0px;
  }
  
  .carousel-caption {
    top: 0px;
  }
  .carousel-caption-600 {
    top: 0px;
  }

  .carousel-caption-380 {
    top: 0px;
  }

  .carousel-caption-right {
    top: 0px;
  }

  .carousel-caption-right-380 {
    top: 0px;
  }
 
 .carousel-caption-right-600 {
    top: 0px;
  }



}