/* Show it is fixed to the top */
* {
margin:0;
padding:0;
}
body {
   min-height:100%;
   position:relative;
  text-align: left;
  padding-top: 4.3rem;
  line-height: 1.25rem;
}

@media all  and (max-width: 768px) {
   .telsmall{
    font-size:70%;}
}


@media all and (max-width: 900px) {
 #mylogo{display: none !important;}}

.rem1left{
    margin-left:1rem;
}
.w-18rem {
	 width: 18rem !important;
	 word-wrap: normal;
}

.w-10rem {
	 width: 10rem !important;
	 word-wrap: normal;
}
.w-11rem {
	 width: 11rem !important;
	 word-wrap: normal;
}
.w-12rem {
	 width: 12rem !important;
	 word-wrap: normal;
}
.w-5rem {
	 width: 5rem !important;
	 word-wrap: normal;
}
.hidden {
        display: none;
    }
/*делает карточки одинаковой высоты*/
.card-columns {
  @include media-breakpoint-only(md) {
    column-count: 4;
  }
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}
/*Колонки одинаковой высоты*/
.card-columns
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*чтоб копка растянурась в карточке брэндов*/
.card-columns .card {
    display:flex;
}

/* https://astronautweb.co/snippet/font-awesome/*/
/*Font-Awesome 4.7.0 это веб-шрифт, содержащий все значки из фреймворка Twitter Bootstrap, а теперь и многие другие. Хотя реализация в Bootstrap
предназначена для использования с <i>элементом (Bootstrap v2), вы можете захотеть использовать эти значки на других элементах.
Для этого вам нужно будет использовать следующий CSS-код для нужного элемента, а затем заменить в значении содержимого соответствующий значок.
КОРОЧЕ БЕЗ НЕГО МОЗИЛА НЕ ПОКАЗЫВАЕТ ЗНАЧКИ ПРОКРУТКИ СЛАЙДЕРА - СТРЕЛОЧКИ НЕ ПРОРИСОВЫВАЮТСЯ*/
.element {
    position: relative;
}

/* замените значение контента на соответствующее значение из списка ниже */

.element:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--отрегулируйте по мере необходимости--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}
/*END style Font-Awesome 4.7.0*/

p {text-indent: 1.25em;}
/*.carousel.control-next-icon, .carousel.control-prev-icon {
  height: 50px;
  width: 50px;
  background:#5cb85c;
}*/

input[type="checkbox"],
input[type="radio"] {
    display:none;
}.custom-radio .custom-control-input::before {
    display:none;
}
/* This is the default state */
.custom-radio .custom-control-label::before {
    background-color: white;
}
/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: black;/* #3bbf5e;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}
/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff0000; /* red */
    font-weight: bold;
}
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {

  }
.custom-control-input:checked~.custom-control-label{
    font-weight: bold;
}
.custom-control-input:checked~.custom-control-label img{
border: 2px solid grey;
width:50px;
}
.carousel-indicators li {background-color:#5bc0de;}
.carousel-indicators li.active {background-color:#5cb85c;}
/* Remove outline on the forms and links */

/* цвет чекбокса */
   .custom-control-label:before{
        background-color:white;
    }
      .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
        background-color:white;
        border-color: #4BB543;
    }

  /*fill='red'*/
    .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='green' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");

    }
  /*
    .custom-control-input:active~.custom-control-label::before{
        background-color:red;
    }
   */
    /** focus shadow pinkish **/

    .custom-checkbox .custom-control-input:focus~.custom-control-label::before{
        box-shadow: 0 0 0 1px #4BB543, 0 0 0 0.1rem rgba(142,207,130);
    }


/* цвет чекбокса */
/*  text-info   #0099CC    rgba(0, 153, 204, 1);*/
/*  text-success #4BB543 */
/* хлебные крошки */
#breadcrumb {
  list-style: none;
  display: inline-block;
  padding-left: 0px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #fff;
  display: block;
  background: #31708f;
  text-decoration: none;
  position: relative;
  height: 34px;
  line-height: 34px;
  padding: 0 10px 0 5px;
  margin-top:5px;
  text-align: center;
  margin-right: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #31708f;
  border-width: 17px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color:  #31708f;
}
#breadcrumb li a:hover {
  background-color: #245269;
}
#breadcrumb li a:hover:before {
  border-color: #245269;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #245269;
}
#breadcrumb li a:active {
  background-color: #245269;
}
#breadcrumb li a:active:before {
  border-color: #245269;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #245269;
}
#breadcrumb li.current a {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
/*стили корзины*/
 .shadow {
-webkit-box-shadow: inset 0 0 10px #9E9E9E;
-moz-box-shadow: inset 0 0 10px #9E9E9E;
box-shadow: inset 0 0 10px #9E9E9E;
 }

.img-cart{
max-height:10rem;
width:100%;
max-width:10rem;
-webkit-box-shadow: inset 0 0 10px #9E9E9E;
-moz-box-shadow: inset 0 0 10px #9E9E9E;
box-shadow: inset 0 0 10px #9E9E9E;
}

/*конец стили корзины*/
caption {
	caption-side: top;
  padding-top: 0;
}
.maps{
	width:37rem;
	height:22rem;
	overflow:auto;

}

.maps-contacts{
  width:25rem;
  height:15rem;
  overflow:auto;

}
.menu_tel {padding:0; display: inline-block; text-align:right; margin:0}
.menu_tel a {font-size:80%; line-height: 0.55rem; text-decoration: none; color: #ffffff;}
.menu_tel a:hover {border:1px solid #283E70 ;
background-color: #2d3436; font-weight:bold;
background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);}
.dropdown-menu a:hover, .dropdown-menu span:hover {border:1px solid #283E70 ;
background-color: #2d3436; font-weight:bold;
background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);}

.hover-zoom:hover {
 transform: scale(1.2);cursor: pointer;
}
#menu-lng{padding-left:0.5rem;}
.lng-active img {width:1rem; height:1rem;}
.lng-passive img {width:2rem; height:1rem;}
.lng-passive img:hover {transform: scale(0.8);cursor: pointer;}
#mylogo{line-height: 1rem;}

/*Адаптивная карта*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*прилипчивый левый блок*/
.sticky {
	margin-top:60px;
  position: fixed;
  z-index: 101;
}
.stop {
	margin-top:60px;
  position: relative;
  z-index: 101;
}
/*конец прилипчивый левый блок*/
/*выдвижная панель*/

/*конец выдвижная панель*/
.vert
{
    position:fixed;
    left: 0px;
    padding:0px;
    margin:0px;
    width: 1.375em;
    height:11.25em;
    z-index:15;
    border-radius: 3px 0px 0px 3px;
}
.filterpadding {
	padding:0 0.1875em 0 0.1875em;
}
.logowidth75 {
	max-width:4.6875em;
}
.logowidth150 {
	max-width:9.375em;
}
 .chngmodel {
	width:6rem; height:3rem;
 }
 .w-colorpic {
 	width:5rem;
 }
 .table-caption-top {
 	 caption-side: top;
 }
 .w-85 {
 	width:85%;
 }
 .wht-space-normal {
 	white-space:normal;
 }
 .wht-space-inherit {
 	white-space:inherit;
 }
 .wht-space-nowrap {
 	white-space:nowrap;
 }
.height-icon {
 float:left; height:6rem;
}
.m-w-1-75rem {
	min-width:1.75rem;
}
.h-1-5rem {
	height:1.5rem;
}
.w-1-25rem {
	width:1.25rem;
}
.w-8rem {
	width:8rem;
}
.line-height-1 {
	line-height: 1 !important;
}
.w-1-8125rem{
	width:1.8125rem;
}
.h-4rem {
	height:4rem;
}
.foncolor {
	width:4.64em;
	padding: 0.35714em 0.21428em 0.35714em 0.21428em;
}
.video-content {
	width: 100%;
	max-width:400px;
	min-width:200px;
	padding:20px;
}
.bigmir1 {
	display:inline;margin-right:4px; border:#666666 solid 0px;
}
.bigmir2 {
margin:0;padding:0;font-size:1px;width:88px;
}
.bigmir3 {
	background:url('//i.bigmir.net/cnt/samples/diagonal/b59_top.gif') no-repeat top;
	height:1px;
	line-height:1px;
}
.bigmir4 {
 	font:10px Tahoma;text-align:center;background-color:#EFEFEF;height:15px;
}
.bigmir5 {
 	color:#0000ab;text-decoration:none;
}
.bigmir6 {
 	color:#ff0000;
}
.bigmir7 {
 	height:1px;background:url('//i.bigmir.net/cnt/samples/diagonal/b59_top.gif') no-repeat bottom;
}
.bigmir8 {
 	font:10px Tahoma;padding-left:7px;background:url('//i.bigmir.net/cnt/samples/diagonal/b59_center.gif');
}
.bigmir9 {
 	padding:4px 6px 0 0;
}
.bigmir10 {
 	float:left;color:#969696;
}
.bigmir11 {
 	float:right;color:#003596;font:10px Tahoma;
}
.bigmir12 {
 	padding-right:6px;
}
.bigmir13 {
 	float:left;color:#969696;
}
.bigmir14 {
 	height:3px;
}
.bigmir15 {
 	background:url('//i.bigmir.net/cnt/samples/diagonal/b59_bottom.gif') no-repeat top;
 	height:2px;line-height:1px;
}
.fxd {
	position: fixed;
	bottom:0;
}
.img1{
  float: left;
  margin: 10px 20px 10px 20px;
  max-width: 240px;
  max-height: 292px;
  width: 100%
}
.img2{
  float: right;
  margin: 10px 20px 10px 20px;
  max-width:300px;
  max-height:200px;
  width:100%
}
.img3{
  display: block;
  margin: 10px auto 10px auto;
  width: 100%
}