.bgfon {
background-image:url('/assets/img/slaid123.jpg') ;    
background-repeat:no-repeat;    
background-size:100% auto; 
background-position:center top;
min-height:100vh;
padding-bottom: 50px;
}
.head_menu {display: none;}
.icon-avatar {margin-right: 30px;}
    .part div,.part3 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: visible;}
    .topbox { padding-top: 10px; position:absolute; right:0; top:0; width:100%;}
    .topbox .row { margin-left:0;}
    .part3 {    display: block;
        padding-left: 10px;
        font-size: 20px;
        color: #4b2b2b;}
    .losung2 {    float: left;
        position: absolute;
        top: 80px;
        left: 202px;
        border-left: 4px solid #c37b1f;
        line-height: 1.1;
        padding-left: 10px;}
.navbar-default .navbar-collapse {background:none !important;}
.callout p {font-weight:400;}
.head-phone {font-weight:600;}
.bluebar a span {font-size:13px;}
.bluebar {overflow: hidden;}
.nbr {border-radius:0;}
.footer {position: absolute;
bottom:0;left:0;right:0;
height: 70px;
padding-top:10px;
    background:rgba(155,155,155,.1);
    border-top:1px solid rgba(0,0,0,.05);
}
.nav-fx {
    font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
/* identical to box height */
text-decoration-line: underline;

}
.nav-fx a {
color: #CA973C !important;
text-decoration: underline;
}
.nav-fx.pull-right a {
color: #444 !important;
}
.main-c {
    padding: 22px 30px;
    background: #fff;
    border-top: 2px solid #CA973C ;
    border-radius: 0;
}

@media (max-width:1100px) {
    .navbar-fx .losung {
        display: none;
    }
}
.navbar-fx {height: 153px; flex-grow:1;}

.navbar-fx-row {display:flex;
height: 103px;
}
.navbar-fx .losung {float:none;
left: 0;
right: auto;
top: 15px;
position: relative;
}
.topbox {position: relative;
}
.flex-fx {
    display:flex;
    
  align-items: flex-start;
  flex-wrap: nowrap;
}
.navbar .flex-fx .logo {float:none;
    
}
.col-12-fx-nowrap {
     display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  height: 100%;
}

@media (max-width:900px) {
    .part3 {font-size:16px;}
    .mr-m20 {margin-right: 20px;}
}
@media (min-width:768px) and (max-width:900px) {
    .nav-fx,.bluebar a {font-size:13px;}
    .nav>li>a {padding-left: 10px; padding-right: 10px;}
}



@media (max-width:500px) {
    .icon-avatar {margin-right: 15px; border-radius:50%; overflow: hidden;}
.header>.container.flex-fx {padding-left: 0; overflow: hidden; margin: 0;}
.logo {width: 100px; overflow: visible;}
    .navbar-fx {padding-right: 15px;
    width: 100%;}
    .nav-fx,.bluebar a {font-size:13px;}
    .nav>li>a {padding-left: 10px; padding-right: 10px;}
    .bluebar .col-xs-4 {width:100%;}
    .bluebar i {font-size:20px; top:10px;}
    .bluebar a {padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px; font-size:12px;}
    .bluebar a span {font-size:10px;}
        .bluebar .row {padding-top: 5px; padding-bottom: 5px;}
    .npl-m {padding:0 !important;}
    .main-c {
        padding-left: 15px; 
        padding-right: 15px;
    }
    .lc-scheet {font-size:12px;}
}















/* ===============
===================================================================================*/
.container_b.change .bar1,
.container_b.change .bar2,
.container_b.change .bar3 {
    background-color:#fff;
}
@media only screen and (max-width: 768px){
   .container_b {
      display: inline-block;
      cursor: pointer;
      z-index: 999;
      margin-right:10px;
      float: right;
    }
    .bar1, .bar2, .bar3 {
      width: 35px;
      height: 5px;
      background-color: #000;
      margin: 6px 0;
      transition: 0.4s;
    }
    .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
      transform: rotate(-45deg) translate(-9px, 6px) ;
    }
    .change .bar2 {
      opacity: 0;
    }
    .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
      transform: rotate(45deg) translate(-8px, -8px) ;
    }
    .head_menu li {
      float: none;
      margin-left: 0;
      margin-right: 0;
  }
  .linck_sub::before {
      display: none;
}
.sub_menu{
   display: none;
}
.head_menu {
   width: 270px;
   min-width:100%;
   z-index: 1000;
   height:100vh;
   margin: 0px 0;
   padding-inline-start: 0px;
   position: absolute;
   left: -500px;
   top:0;
   background: #333333;
   color:#fff;
   padding: 80px 20px 50px;
   padding-left: 30px;
   transition: 0.3s;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
}
.head_menu ul {margin: 0; padding: 0 0 0 20px;}
.head_menu a {color:#fff;}
.head_menu.actived{
   top:0px;
   left:0;
   right:0;
   display: block;
}
.mini-in-menu {
    position: absolute;
    right: 30px;
    top: 30px;
}
}
.area.actived {
    background: white;
    height: 100vh;
    overflow: hidden;
}

#pdopage .rows .col-lg-12 {padding-left: 0;}
#pdopage button.disabled {font-size:12px; padding:5px; float: right;}
#pdopage .text-right {text-align: left !important;}