/** {
    margin: 0;
    outline: none !important;
    box-shadow: none !important;
    transition: font-size 0.2s ease,
     margin 0.2s ease,
     padding 0.2s ease,
     width 0.5s ease, color 0.2s ease, text-decoration 0.5s ease;
}*/

    ul.list-content {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
    }
    .list-content li {
/* handle multiline */
    overflow: visible;
    padding-left: 25px;
    position: relative;
    margin-bottom: 7px;
}

.list-content li:before {
/* your own marker in content */
font-family: "FontAwesome";
    content: "\f00c";
   left: 0;
   top: 3px;
   position: absolute;
}

header.small_header+div{
    margin-top: 100px;
}
@media (min-width: 1400px){
.container {
    max-width: 1300px;
}
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");


.zoom_pict{ position: relative; }
.zoom_pict:before{
    content: url(pict/zoom-in.svg);
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 7px;
    background: rgba(255,255,255, .4);
    width: 30px;
    height: 30px;
    display: block;
    z-index: 2;
}

blockquote {
  padding: 10px 20px;
  margin: 20px 0 20px 5%;
  font-size: 22px;
  border-left: 5px solid #ccc; 
}


h1 a, h2 a, h3 a, h4 a, h5 a {
    color: black !important;
}

.text-dark a { color: black !important; }

.edit_element a {
    background: red;
    font-size: 20px;    
    color: white !important;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top:  10px;
}

 input[type="number"] { 
  -moz-appearance: textfield;
}
 input[type="number"]::-webkit-inner-spin-button { 
  display: none;
}

.nm { margin: 0 !important; }

.modal *[aria-label="Close"] {
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}

}

.modal-content {
    z-index: 11000 !important;
    /* margin-top: 120px; */
}
.modal-dialog {
    z-index: 20000000 !important;
    margin-top: 80px auto !important;
}
a:hover {
    text-decoration: none !important;
    opacity: .75;
    transition: .3s;
}

.b_red { border: 1px solid red; }


.line_header.small_header {
    box-shadow: 0 0 60px rgba(0,0,0, .2);
    position: fixed;
    z-index: 100;
    top: 0;
}

.line_header.small_header .small_logo img{ max-height: 45px; }

.line_header.small_header .small_logo i{ font-size: 20px;  opacity: .7}




.line_header.small_header header .col-md-4.tel { white-space: nowrap; }

.line_header.normal {
padding: 20px 0;
/*background: #ccc;*/
min-height: 60px;
transition: .3s;
/*border-bottom: 1px solid #ddd*/
}

.line_header.normal .small_logo {
    display: none;
}

.line_header.small_header .small_logo {
    display: block;
}
.line_header.small_header .small_logo a {
    cursor: pointer;
}

.line_header.small_header .small_logo a .fa {font-size: 18px !important;}

.line_header.small_header header{
padding: 15px 0;    
min-height: auto;
transition: .3s;
/*transition: .3s;*/
}

.line_header.small_header .logo {
    display: none;
}
.line_header.normal header .col-md-4.tel {
text-align: center;
}
.line_header.small_header header .col-md-4.tel {
width: 50%;
text-align: center;
/*text-align: left;*/
}
.line_header.small_header header .col-md-4.tel>div {
    display: inline-block;
/*text-align: left;*/
    margin-right: 10px;
}

.line_header.small_header .regim { display: none; }

@media (max-width: 768px) { 
/*.flex-header{
display: block!important;*/

.line_header.small_header .small_logo {
    width: 85%;
}
}



/*---------------------------------------*/



.flex-header{
display: flex!important;
align-items: center!important;
}

@media (max-width: 768px) { 
/*.flex-header{
display: block!important;
}*/
 }
body {
    /*font-family: Helvetica, Arial, sans-serif !important;*/
    font-size: 15px !important;
    /*line-height: 1.2;*/
    color: #1F1F1F;
    background-color: #fff;
    /*font-weight: 200;*/
}

a, button { outline: none !important;}

strong.back a{
color: #888;
display: block;
margin-top: -15px;
margin-bottom: 15px;
    font-size: 16px;
    text-decoration: none;
}
strong.back a:hover{
color: black;
}

strong.back .fa {
    /*font-size: 20px;*/
    margin-right: 7px;
}

.logo img {
    margin-top: 3px;
}
/*strong {
	font-family: 'bold' !important
}*/

a, a:hover, a:focus, a:active {
    /*color: #1F1F1F;*/
}

.a_menu{
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
}

#nav-icon {
    width: 30px;
    height: 30px;
    /*position: absolute;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    /*top: 60px;*/
    right: 0;
    margin-top: 0;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span {
    display: block;
    /* position: absolute; */
    height: 3px;
    width: 100%;
    background: #000000;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    margin-bottom: 5px;
}

.a_menu[aria-expanded="true"] #nav-icon span:nth-child(1) {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px !important;
    left: 0;
}

.a_menu[aria-expanded="true"] #nav-icon span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.a_menu[aria-expanded="true"] #nav-icon span:nth-child(3) {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px !important;
}

.a_menu[aria-expanded="true"] #nav-icon span {
    background: #FFFFFF;
    left: 0;
}

#main_menu {
    position: fixed;
    right: 0;
    top: 0 ;
    width: 40%;
    padding-right: 100%;
    margin-left: -100%;
    box-sizing: content-box;
    height: 100vh;
    color: #ffffff;
    background-color: #63727d;
    z-index: 100;
    padding-left: 15px;
    padding-right: 15px;
    /*overflow: hidden;*/
    overflow-y: auto;
    
    /*display: block;*/
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

#main_menu::-webkit-scrollbar { width: 0; }

.collapse.in {
/*transition: all 0.3s;*/
    transition: top 0.8s !important;
    display: block;
    /*transform: scale(1,0);*/
    /*transform-origin: top;*/
    /*min-height: 2000px;*/
}

h1.page-header {
    margin: 0 0 20px;
    
    /*border-bottom: none;*/
    /*font-family: bold;*/
}

h2.page-header {
    margin: 0 0 30px;
    border-bottom: 1px solid black;
    font-family: bold;
}

@media (max-width: 768px) {  
.list_prod .h2{
    font-size: 16px;
  }

}


.list_prod .h2{
    font-weight: bold;
    font-size: 20px;
    /*margin: 15px 0 10px;*/
  }

.list_prod .h2.element{
    font-weight: normal;
  }


@media (max-width: 768px) {  
.list_prod .h2{
    font-size: 16px;
  }
}

footer .contacts {
    line-height: 20pt;
}
footer .contacts strong {
    display: block;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: dotted 1px rgba(0,0,0, .3);
    font-size: 18px;

}   

footer .contacts .fa    {

width: 20px;
text-align: center;
margin-right: 10px;

}

footer .copyr>div>div {

display: inline-block;
float: right; 

}

@media (max-width: 768px) {  
footer .copyr {
    text-align: center !important;
}
footer .social strong {
    font-size: 20px !important;

}
footer .bottom_menu a{
    font-size: 14px !important;

}
}

/*      Оформление характеристик        */

.table_har { 
    width: 100%; 
    margin: -30px 0 20px; 
    border-spacing: 1px !important;
    font-size: 16px;
}


    .table_har th, .table_har td{ 
        padding: 15px 0 0;
        border-bottom: 1px #C4C4C4 dotted;
        position: relative;
        display: table-cell;
        text-align: left;
        vertical-align: bottom;
     }

.table_har td{ text-align: right; padding-right: 1px;}

    .table_har th span, .table_har td span{ 
        display: inline-block;
        background: white;
        /*padding: 0 15px 0 0;*/
        /*margin-bottom: -20px;*/
        bottom: -5px;
        position: relative;
    }


    .table_har th span {padding-right: 7px;}
    .table_har td span {padding-left: 7px;}

/*      Оформление характеристик        */


.blueimp-gallery>.prev, .blueimp-gallery>.next,
.blueimp-gallery>.close {
    color: white !important;
    background: rgba(0,0,0, .3);
}
.blueimp-gallery>.title {
    color: black !important;
    background: rgba(255,255,255, .9);
   font-size: 30px;
   font-family: bold;
}
header .tel .fa {
    font-size: 16px;
    margin: 0 3px;
}

header .tel strong { margin-right: 10px; }

header a{ color: black; }

footer .title_menu_right {
    font-size: 20px;
    font-family: 'light';
    margin: 0 0 20px 0;
    line-height: 1pt
}


    /* ***************************************  MENU MODAL */

    .modal.menu .modal-content {
      position: fixed;
      top: 0;
      right: 0 !important;
      background: rgba(77, 77, 77, 0.95);
      border: none;
      height: 100vh;
      border-radius: 0;
      box-shadow: 0 0 40px rgb(0, 0, 0);
      padding: 0 0 0 30px;
    }

    .modal.menu .modal-dialog {
      color: white;
      position: fixed;
      width: auto;
      margin: 0;
      right: 0;
      pointer-events: none;
      background: black;
      width: 100%;
      font-size: 14px;
      pointer-events: auto;
    }

    .modal.menu .close {
      color: white;
      opacity: 1;
      position: absolute;
      top: 20px;
      right: 30px;
      z-index: 2;
      text-shadow: none;
      font-size: 45px;
    }

    .modal.menu .close:hover {
      color: white;
    }

    .modal.menu .modal-body {
      padding: 40px 60px 40px 40px;
      height: calc(90vh - 40px);
      overflow: auto;
      /*direction: rtl;*/
      /* margin-left: 5px; */
    }

    .modal.menu .modal-body::-webkit-scrollbar {
      width: 10px;
    }

    .modal.menu .modal-body::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.3);
      /*margin-right: -2px !important;*/
    }

    .modal.menu .modal-body::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, .1);
    }

    .modal.menu .modal-footer {
      -ms-flex-pack: end;
      justify-content: flex-start;
      border-top: 1px solid rgba(255, 255, 255, .2);
      padding-left: 0 !important;
    }


    @media (max-width: 750px) {
        .left_menu, #main_menu {
           width: 100% !important;
       }

       .modal.menu .modal-body {
        padding: 20px 0;
        height: calc(90vh - 40px);
        overflow: auto;
        /* direction: rtl; */
        /* margin-left: 5px; */
    }   

    .title_menu_right {
        font-size: 22px;
        margin: 10px 0 10px 0;
    }

    .item .menu_left_text, .item .menu_left_text1 {
        font-size: 16px;
    }

    .modal.menu .close {
        top: 10px;
        right: 10px;
        font-size: 30px;
    }

    .left_menu ul>li>div>ul {
       width: auto; 
   }
   .left_menu ul>li>div>ul {
    font-size: 14px !important;
    line-height: 18pt;
    /* margin: 0; */
    width: auto;
}

    .modal.menu .modal-footer{
        padding-right: 30px important;
    }

    h1 {
        font-size: 28px !important;
    }

        h2 {
        font-size: 20px !important;
    }

            h3 {
        font-size: 18px !important;
    }
}